@zayne-labs/ui-react 0.0.3

package/dist/esm/For-BmvZgK9J.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { DiscriminatedRenderProps, PolymorphicProps } from '@zayne-labs/toolkit-react/utils';
+
+type RenderPropFn<TArrayItem> = (item: TArrayItem, index: number, array: TArrayItem[]) => react.ReactNode;
+type EachProp<TArrayItem> = {
+    each: TArrayItem[];
+};
+type ForRenderProps<TArrayItem> = DiscriminatedRenderProps<RenderPropFn<TArrayItem>>;
+type ForProps<TArrayItem> = EachProp<TArrayItem> & ForRenderProps<TArrayItem>;
+declare function ForBase<TArrayItem>(props: ForProps<TArrayItem>): react.ReactNode[];
+declare function ForList<TArrayItem, TElement extends react.ElementType = "ul">(props: PolymorphicProps<TElement, ForProps<TArrayItem> & {
+    className?: string;
+}>): react.JSX.Element;
+declare const Base: typeof ForBase;
+declare const List: typeof ForList;
+
+export { Base as B, type EachProp as E, type ForRenderProps as F, List as L, ForBase as a, ForList as b };

package/dist/esm/chunk-7TYZVYD6.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { isArray } from '@zayne-labs/toolkit-type-helpers';
+
+// src/components/common/For/For.tsx
+function ForBase(props) {
+  const { children, each, render } = props;
+  if (!isArray(each)) {
+    return each;
+  }
+  const JSXElementList = each.map((...params) => {
+    if (typeof children === "function") {
+      return children(...params);
+    }
+    return render(...params);
+  });
+  return JSXElementList;
+}
+function ForList(props) {
+  const { as: ListContainer = "ul", children, className, each, ref, render, ...restOfListProps } = props;
+  return /* @__PURE__ */ React.createElement(ListContainer, { ref, className, ...restOfListProps }, /* @__PURE__ */ React.createElement(ForBase, { ...{ children, each, render } }));
+}
+var Base = ForBase;
+var List = ForList;
+
+// src/components/common/For/getElementList.ts
+var getElementList = (variant) => {
+  switch (variant) {
+    case "base": {
+      return [Base];
+    }
+    case "withWrapper": {
+      return [List];
+    }
+    default: {
+      return [List];
+    }
+  }
+};
+
+export { Base, ForBase, ForList, List, getElementList };
+//# sourceMappingURL=chunk-7TYZVYD6.js.map
+//# sourceMappingURL=chunk-7TYZVYD6.js.map

package/dist/esm/chunk-7TYZVYD6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/For/For.tsx","../../src/components/common/For/getElementList.ts"],"names":[],"mappings":";;;;AAkBO,SAAS,QAAoB,KAA6B,EAAA;AAChE,EAAA,MAAM,EAAE,QAAA,EAAU,IAAM,EAAA,MAAA,EAAW,GAAA,KAAA;AAEnC,EAAI,IAAA,CAAC,OAAQ,CAAA,IAAI,CAAG,EAAA;AACnB,IAAO,OAAA,IAAA;AAAA;AAGR,EAAA,MAAM,cAAiB,GAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAI,MAAiD,KAAA;AACpF,IAAI,IAAA,OAAO,aAAa,UAAY,EAAA;AACnC,MAAO,OAAA,QAAA,CAAS,GAAG,MAAM,CAAA;AAAA;AAG1B,IAAO,OAAA,MAAA,CAAO,GAAG,MAAM,CAAA;AAAA,GACvB,CAAA;AAED,EAAO,OAAA,cAAA;AACR;AAEO,SAAS,QACf,KACC,EAAA;AACD,EAAM,MAAA,EAAE,EAAI,EAAA,aAAA,GAAgB,IAAM,EAAA,QAAA,EAAU,SAAW,EAAA,IAAA,EAAM,GAAK,EAAA,MAAA,EAAQ,GAAG,eAAA,EAAoB,GAAA,KAAA;AAEjG,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,GAAU,EAAA,SAAA,EAAuB,GAAG,eAClD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAI,EAAE,QAAA,EAAU,IAAM,EAAA,MAAA,IAAmC,CACpE,CAAA;AAEF;AAEO,IAAM,IAAO,GAAA;AAEb,IAAM,IAAO,GAAA;;;AC5Cd,IAAA,cAAA,GAAiB,CACtB,OACoC,KAAA;AACpC,EAAA,QAAQ,OAAS;AAAA,IAChB,KAAK,MAAQ,EAAA;AACZ,MAAA,OAAO,CAAK,IAAI,CAAA;AAAA;AACjB,IACA,KAAK,aAAe,EAAA;AACnB,MAAA,OAAO,CAAK,IAAI,CAAA;AAAA;AACjB,IACA,SAAS;AACR,MAAA,OAAO,CAAK,IAAI,CAAA;AAAA;AACjB;AAEF","file":"chunk-7TYZVYD6.js","sourcesContent":["import * as React from \"react\";\n\nimport type { DiscriminatedRenderProps, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray } from \"@zayne-labs/toolkit-type-helpers\";\n\n// prettier-ignore\ntype RenderPropFn<TArrayItem> = (\n\titem: TArrayItem,\n\tindex: number,\n\tarray: TArrayItem[]\n) => React.ReactNode;\n\nexport type EachProp<TArrayItem> = { each: TArrayItem[] };\n\nexport type ForRenderProps<TArrayItem> = DiscriminatedRenderProps<RenderPropFn<TArrayItem>>;\n\ntype ForProps<TArrayItem> = EachProp<TArrayItem> & ForRenderProps<TArrayItem>;\n\nexport function ForBase<TArrayItem>(props: ForProps<TArrayItem>) {\n\tconst { children, each, render } = props;\n\n\tif (!isArray(each)) {\n\t\treturn each;\n\t}\n\n\tconst JSXElementList = each.map((...params: Parameters<RenderPropFn<TArrayItem>>) => {\n\t\tif (typeof children === \"function\") {\n\t\t\treturn children(...params);\n\t\t}\n\n\t\treturn render(...params);\n\t});\n\n\treturn JSXElementList;\n}\n\nexport function ForList<TArrayItem, TElement extends React.ElementType = \"ul\">(\n\tprops: PolymorphicProps<TElement, ForProps<TArrayItem> & { className?: string }>\n) {\n\tconst { as: ListContainer = \"ul\", children, className, each, ref, render, ...restOfListProps } = props;\n\n\treturn (\n\t\t<ListContainer ref={ref} className={className} {...restOfListProps}>\n\t\t\t<ForBase {...({ children, each, render } as ForProps<TArrayItem>)} />\n\t\t</ListContainer>\n\t);\n}\n\nexport const Base = ForBase;\n\nexport const List = ForList;\n","import * as For from \"./For\";\n\ntype GetElementListResult<TVariant extends \"base\" | \"withWrapper\"> = TVariant extends \"base\"\n\t? [typeof For.Base]\n\t: [typeof For.List];\n\nconst getElementList = <TVariant extends \"base\" | \"withWrapper\" = \"withWrapper\">(\n\tvariant?: TVariant\n): GetElementListResult<TVariant> => {\n\tswitch (variant) {\n\t\tcase \"base\": {\n\t\t\treturn [For.Base] as never;\n\t\t}\n\t\tcase \"withWrapper\": {\n\t\t\treturn [For.List] as never;\n\t\t}\n\t\tdefault: {\n\t\t\treturn [For.List] as never;\n\t\t}\n\t}\n};\n\nexport { getElementList };\n"]}

package/dist/esm/chunk-ABOA7YOO.js

@@ -0,0 +1,9 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/lib/utils/cn.ts
+var cnMerge = (...classNames) => twMerge(clsx(classNames));
+
+export { cnMerge };
+//# sourceMappingURL=chunk-ABOA7YOO.js.map
+//# sourceMappingURL=chunk-ABOA7YOO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils/cn.ts"],"names":[],"mappings":";;;;AAGO,IAAM,UAAU,CAAI,GAAA,UAAA,KAA6B,OAAQ,CAAA,IAAA,CAAK,UAAU,CAAC","file":"chunk-ABOA7YOO.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cnMerge = (...classNames: ClassValue[]) => twMerge(clsx(classNames));\n"]}

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

@@ -0,0 +1,9 @@
+import { B as Base, L as List } from '../../For-BmvZgK9J.js';
+export { E as EachProp, a as ForBase, b as ForList, F as ForRenderProps } from '../../For-BmvZgK9J.js';
+import 'react';
+import '@zayne-labs/toolkit-react/utils';
+
+type GetElementListResult<TVariant extends "base" | "withWrapper"> = TVariant extends "base" ? [typeof Base] : [typeof List];
+declare const getElementList: <TVariant extends "base" | "withWrapper" = "withWrapper">(variant?: TVariant) => GetElementListResult<TVariant>;
+
+export { Base, List, getElementList };

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

@@ -0,0 +1,3 @@
+export { Base, ForBase, ForList, List, getElementList } from '../../chunk-7TYZVYD6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/For/index.js.map

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

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

@@ -0,0 +1,22 @@
+import * as react from 'react';
+
+type ShowProps = {
+    children: react.ReactNode;
+    fallback?: react.ReactNode;
+    when: boolean;
+};
+declare function Show({ children, fallback, when }: ShowProps): react.ReactNode;
+declare function ShowContent({ children }: Pick<ShowProps, "children">): react.ReactNode;
+declare namespace ShowContent {
+    var slot: symbol;
+}
+declare function ShowFallback({ children }: Pick<ShowProps, "children">): react.ReactNode;
+declare namespace ShowFallback {
+    var slot: symbol;
+}
+declare const Root: typeof Show;
+declare const Fallback: typeof ShowFallback;
+declare const Content: typeof ShowContent;
+declare const OtherWise: typeof ShowFallback;
+
+export { Content, Fallback, OtherWise, Root, Show, ShowContent, ShowFallback };

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

@@ -0,0 +1,38 @@
+import 'react';
+import { getSlotElement, getOtherChildren } from '@zayne-labs/toolkit-react/utils';
+import { AssertionError } from '@zayne-labs/toolkit-type-helpers';
+
+// src/components/common/Show/Show.tsx
+function Show({ children, fallback, when }) {
+  const fallBackSlot = getSlotElement(children, ShowFallback, {
+    errorMessage: "Only one <Show.Fallback> or <Show.OtherWise> component is allowed",
+    throwOnMultipleSlotMatch: true
+  });
+  const contentSlot = getSlotElement(children, ShowContent, {
+    errorMessage: "Only one <Show.Content> component is allowed",
+    throwOnMultipleSlotMatch: true
+  });
+  const otherChildren = getOtherChildren(children, [ShowFallback, ShowContent]);
+  if (fallBackSlot && fallback) {
+    throw new AssertionError(`
+			The fallback prop and <Show.Fallback>/<Show.OtherWise> cannot be used at the same time.
+		`);
+  }
+  return when ? contentSlot ?? otherChildren : fallBackSlot ?? fallback;
+}
+function ShowContent({ children }) {
+  return children;
+}
+ShowContent.slot = Symbol.for("content");
+function ShowFallback({ children }) {
+  return children;
+}
+ShowFallback.slot = Symbol.for("fallback");
+var Root = Show;
+var Fallback = ShowFallback;
+var Content = ShowContent;
+var OtherWise = ShowFallback;
+
+export { Content, Fallback, OtherWise, Root, Show, ShowContent, ShowFallback };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/Show/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/common/Show/Show.tsx"],"names":[],"mappings":";;;;;AAaO,SAAS,IAAK,CAAA,EAAE,QAAU,EAAA,QAAA,EAAU,MAAmB,EAAA;AAC7D,EAAM,MAAA,YAAA,GAAe,cAAe,CAAA,QAAA,EAAU,YAAc,EAAA;AAAA,IAC3D,YAAc,EAAA,mEAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,cAAe,CAAA,QAAA,EAAU,WAAa,EAAA;AAAA,IACzD,YAAc,EAAA,8CAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,gBAAgB,gBAAiB,CAAA,QAAA,EAAU,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAE5E,EAAA,IAAI,gBAAgB,QAAU,EAAA;AAC7B,IAAA,MAAM,IAAI,cAAe,CAAA;AAAA;AAAA,EAExB,CAAA,CAAA;AAAA;AAGF,EAAO,OAAA,IAAA,GAAQ,WAAe,IAAA,aAAA,GAAkB,YAAgB,IAAA,QAAA;AACjE;AAEO,SAAS,WAAA,CAAY,EAAE,QAAA,EAAyC,EAAA;AACtE,EAAO,OAAA,QAAA;AACR;AACA,WAAY,CAAA,IAAA,GAAO,MAAO,CAAA,GAAA,CAAI,SAAS,CAAA;AAEhC,SAAS,YAAA,CAAa,EAAE,QAAA,EAAyC,EAAA;AACvE,EAAO,OAAA,QAAA;AACR;AACA,YAAa,CAAA,IAAA,GAAO,MAAO,CAAA,GAAA,CAAI,UAAU,CAAA;AAElC,IAAM,IAAO,GAAA;AAEb,IAAM,QAAW,GAAA;AAEjB,IAAM,OAAU,GAAA;AAEhB,IAAM,SAAY,GAAA","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getOtherChildren, getSlotElement } from \"@zayne-labs/toolkit-react/utils\";\nimport { AssertionError } from \"@zayne-labs/toolkit-type-helpers\";\n\ntype ShowProps = {\n\tchildren: React.ReactNode;\n\tfallback?: React.ReactNode;\n\twhen: boolean;\n};\n\nexport function Show({ children, fallback, when }: ShowProps) {\n\tconst fallBackSlot = getSlotElement(children, ShowFallback, {\n\t\terrorMessage: \"Only one <Show.Fallback> or <Show.OtherWise> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst contentSlot = getSlotElement(children, ShowContent, {\n\t\terrorMessage: \"Only one <Show.Content> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst otherChildren = getOtherChildren(children, [ShowFallback, ShowContent]);\n\n\tif (fallBackSlot && fallback) {\n\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}\n\n\treturn when ? (contentSlot ?? otherChildren) : (fallBackSlot ?? fallback);\n}\n\nexport function ShowContent({ children }: Pick<ShowProps, \"children\">) {\n\treturn children;\n}\nShowContent.slot = Symbol.for(\"content\");\n\nexport function ShowFallback({ children }: Pick<ShowProps, \"children\">) {\n\treturn children;\n}\nShowFallback.slot = Symbol.for(\"fallback\");\n\nexport const Root = Show;\n\nexport const Fallback = ShowFallback;\n\nexport const Content = ShowContent;\n\nexport const OtherWise = ShowFallback;\n"]}

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

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import { InferProps } from '@zayne-labs/toolkit-react/utils';
+
+type SlotProps = InferProps<HTMLElement>;
+declare function Slottable({ children }: Pick<SlotProps, "children">): react.ReactNode;
+declare function Slot(props: SlotProps): react.JSX.Element;
+
+export { Slot, Slottable };

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

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { Children, isValidElement, cloneElement } from 'react';
+import { mergeProps, composeRefs } from '@zayne-labs/toolkit-react/utils';
+import { isArray } from '@zayne-labs/toolkit-type-helpers';
+
+// src/components/common/Slot/Slot.tsx
+function Slottable({ children }) {
+  return children;
+}
+var isSlottable = (child) => {
+  return isValidElement(child) && child.type === Slottable;
+};
+function Slot(props) {
+  const { children, ...restOfSlotProps } = props;
+  const childrenArray = isArray(children) ? children : [children];
+  const slottable = childrenArray.find((element) => isSlottable(element));
+  if (slottable) {
+    const newElement = slottable.props.children;
+    const newElementChildren = childrenArray.map((child) => {
+      if (child !== slottable) {
+        return child;
+      }
+      if (Children.count(newElement) > 1) {
+        return Children.only(null);
+      }
+      return isValidElement(newElement) && newElement.props.children;
+    });
+    return /* @__PURE__ */ React.createElement(SlotClone, { ...restOfSlotProps }, isValidElement(newElement) && cloneElement(newElement, void 0, newElementChildren));
+  }
+  return /* @__PURE__ */ React.createElement(SlotClone, { ...restOfSlotProps }, children);
+}
+function SlotClone(props) {
+  const { children, ref: forwardedRef, ...restOfSlotProps } = props;
+  if (!isValidElement(children)) {
+    return Children.count(children) > 1 ? Children.only(null) : null;
+  }
+  const childRef = children.props.ref ?? children.ref;
+  const clonedProps = {
+    ...mergeProps(restOfSlotProps, children.props),
+    ref: forwardedRef ? composeRefs([forwardedRef, childRef]) : childRef
+  };
+  return cloneElement(children, clonedProps);
+}
+
+export { Slot, Slottable };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/Slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/common/Slot/Slot.tsx"],"names":[],"mappings":";;;;;;AAYO,SAAS,SAAA,CAAU,EAAE,QAAA,EAAyC,EAAA;AACpE,EAAO,OAAA,QAAA;AACR;AAEA,IAAM,WAAA,GAAc,CAAC,KAAwD,KAAA;AAC5E,EAAA,OAAO,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,IAAS,KAAA,SAAA;AAChD,CAAA;AAMO,SAAS,KAAK,KAAkB,EAAA;AACtC,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,eAAA,EAAoB,GAAA,KAAA;AAEzC,EAAA,MAAM,gBAAgB,OAAyB,CAAA,QAAQ,CAAI,GAAA,QAAA,GAAW,CAAC,QAAQ,CAAA;AAC/E,EAAA,MAAM,YAAY,aAAc,CAAA,IAAA,CAAK,CAAC,OAAY,KAAA,WAAA,CAAY,OAAO,CAAC,CAAA;AAEtE,EAAA,IAAI,SAAW,EAAA;AAEd,IAAM,MAAA,UAAA,GAAc,UAAU,KAAoB,CAAA,QAAA;AAElD,IAAA,MAAM,kBAAqB,GAAA,aAAA,CAAc,GAAI,CAAA,CAAC,KAAU,KAAA;AACvD,MAAA,IAAI,UAAU,SAAW,EAAA;AACxB,QAAO,OAAA,KAAA;AAAA;AAGR,MAAA,IAAI,QAAS,CAAA,KAAA,CAAM,UAAU,CAAA,GAAI,CAAG,EAAA;AACnC,QAAO,OAAA,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA;AAI1B,MAAA,OAAO,cAA4C,CAAA,UAAU,CAAK,IAAA,UAAA,CAAW,KAAM,CAAA,QAAA;AAAA,KACnF,CAAA;AAED,IACC,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,eACb,EAAA,EAAA,cAAA,CAAe,UAAU,CAAA,IAAK,YAAa,CAAA,UAAA,EAAY,KAAW,CAAA,EAAA,kBAAkB,CACtF,CAAA;AAAA;AAIF,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,eAAA,EAAA,EAAkB,QAAS,CAAA;AAClD;AASA,SAAS,UAAU,KAAuB,EAAA;AACzC,EAAA,MAAM,EAAE,QAAU,EAAA,GAAA,EAAK,YAAc,EAAA,GAAG,iBAAoB,GAAA,KAAA;AAE5D,EAAI,IAAA,CAAC,cAA6B,CAAA,QAAQ,CAAG,EAAA;AAC5C,IAAO,OAAA,QAAA,CAAS,MAAM,QAAQ,CAAA,GAAI,IAAI,QAAS,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,IAAA;AAAA;AAG7D,EAAA,MAAM,QAAW,GAAA,QAAA,CAAS,KAAM,CAAA,GAAA,IAAQ,QAAqC,CAAA,GAAA;AAE7E,EAAA,MAAM,WAAc,GAAA;AAAA,IACnB,GAAG,UAAA,CAAW,eAAiB,EAAA,QAAA,CAAS,KAAK,CAAA;AAAA,IAC7C,KAAK,YAAe,GAAA,WAAA,CAAY,CAAC,YAAc,EAAA,QAA8B,CAAC,CAAI,GAAA;AAAA,GACnF;AAEA,EAAO,OAAA,YAAA,CAAa,UAAU,WAAW,CAAA;AAC1C","file":"index.js","sourcesContent":["import * as React from \"react\";\n\nimport { type InferProps, composeRefs, mergeProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray } from \"@zayne-labs/toolkit-type-helpers\";\nimport { Children, cloneElement, isValidElement } from \"react\";\n\ntype SlotProps = InferProps<HTMLElement>;\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * ----------------------------------------------------------------------------------------------- */\n\nexport function Slottable({ children }: Pick<SlotProps, \"children\">) {\n\treturn children;\n}\n\nconst isSlottable = (child: React.ReactNode): child is React.ReactElement => {\n\treturn isValidElement(child) && child.type === Slottable;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * ----------------------------------------------------------------------------------------------- */\n\nexport function Slot(props: SlotProps) {\n\tconst { children, ...restOfSlotProps } = props;\n\n\tconst childrenArray = isArray<React.ReactNode>(children) ? children : [children];\n\tconst slottable = childrenArray.find((element) => isSlottable(element));\n\n\tif (slottable) {\n\t\t// == The new element to render is the one passed as a child of `Slottable`\n\t\tconst newElement = (slottable.props as SlotProps).children;\n\n\t\tconst newElementChildren = childrenArray.map((child) => {\n\t\t\tif (child !== slottable) {\n\t\t\t\treturn child;\n\t\t\t}\n\n\t\t\tif (Children.count(newElement) > 1) {\n\t\t\t\treturn Children.only(null);\n\t\t\t}\n\n\t\t\t// == Because the new element will be the one rendered, we are only interested in grabbing its children (`newElement.props.children`)\n\t\t\treturn isValidElement<Pick<SlotProps, \"children\">>(newElement) && newElement.props.children;\n\t\t});\n\n\t\treturn (\n\t\t\t<SlotClone {...restOfSlotProps}>\n\t\t\t\t{isValidElement(newElement) && cloneElement(newElement, undefined, newElementChildren)}\n\t\t\t</SlotClone>\n\t\t);\n\t}\n\n\treturn <SlotClone {...restOfSlotProps}>{children}</SlotClone>;\n}\n\ntype SlotCloneProps = {\n\tchildren: React.ReactNode;\n\tref?: React.RefObject<HTMLElement>;\n};\n\ntype UnknownProps = Record<string, unknown>;\n\nfunction SlotClone(props: SlotCloneProps) {\n\tconst { children, ref: forwardedRef, ...restOfSlotProps } = props;\n\n\tif (!isValidElement<UnknownProps>(children)) {\n\t\treturn Children.count(children) > 1 ? Children.only(null) : null;\n\t}\n\n\tconst childRef = children.props.ref ?? (children as unknown as UnknownProps).ref;\n\n\tconst clonedProps = {\n\t\t...mergeProps(restOfSlotProps, children.props),\n\t\tref: forwardedRef ? composeRefs([forwardedRef, childRef as React.Ref<unknown>]) : childRef,\n\t};\n\n\treturn cloneElement(children, clonedProps);\n}\n"]}

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

@@ -0,0 +1,20 @@
+import * as react from 'react';
+
+type ValidSwitchComponentType = react.ReactElement<SwitchMatchProps>;
+type SwitchProps<TCondition> = {
+    children: ValidSwitchComponentType | ValidSwitchComponentType[];
+    condition?: TCondition;
+};
+type SwitchMatchProps<TWhen = boolean> = {
+    children: react.ReactNode;
+    when: TWhen;
+};
+declare function Switch<TCondition = true>(props: SwitchProps<TCondition>): react.ReactElement<Pick<SwitchMatchProps<boolean>, "children">, string | react.JSXElementConstructor<any>> | undefined;
+declare function Match<TWhen>({ children }: SwitchMatchProps<TWhen>): react.ReactNode;
+declare function Default({ children }: Pick<SwitchMatchProps, "children">): react.ReactNode;
+declare namespace Default {
+    var slot: symbol;
+}
+declare const Root: typeof Switch;
+
+export { Default, Match, Root, Switch };

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

@@ -0,0 +1,26 @@
+import 'react';
+import { getSlotElement, getOtherChildren } from '@zayne-labs/toolkit-react/utils';
+
+// src/components/common/Switch/Switch.tsx
+function Switch(props) {
+  const { children, condition = true } = props;
+  const defaultCase = getSlotElement(children, Default, {
+    errorMessage: "Only one <Switch.Default> component is allowed",
+    throwOnMultipleSlotMatch: true
+  });
+  const childrenCasesArray = getOtherChildren(children, Default);
+  const matchedCase = childrenCasesArray.find((child) => child.props.when === condition);
+  return matchedCase ?? defaultCase;
+}
+function Match({ children }) {
+  return children;
+}
+function Default({ children }) {
+  return children;
+}
+Default.slot = Symbol.for("default-case");
+var Root = Switch;
+
+export { Default, Match, Root, Switch };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/common/Switch/Switch.tsx"],"names":[],"mappings":";;;;AAkBO,SAAS,OAA0B,KAAgC,EAAA;AACzE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAY,GAAA,IAAA,EAAS,GAAA,KAAA;AAEvC,EAAM,MAAA,WAAA,GAAc,cAAe,CAAA,QAAA,EAAU,OAAS,EAAA;AAAA,IACrD,YAAc,EAAA,gDAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAM,MAAA,kBAAA,GAAqB,gBAAiB,CAAA,QAAA,EAAU,OAAO,CAAA;AAE7D,EAAM,MAAA,WAAA,GAAc,mBAAmB,IAAK,CAAA,CAAC,UAAU,KAAM,CAAA,KAAA,CAAM,SAAS,SAAS,CAAA;AAErF,EAAA,OAAO,WAAe,IAAA,WAAA;AACvB;AAEO,SAAS,KAAA,CAAa,EAAE,QAAA,EAAqC,EAAA;AACnE,EAAO,OAAA,QAAA;AACR;AAEO,SAAS,OAAA,CAAQ,EAAE,QAAA,EAAgD,EAAA;AACzE,EAAO,OAAA,QAAA;AACR;AACA,OAAQ,CAAA,IAAA,GAAO,MAAO,CAAA,GAAA,CAAI,cAAc,CAAA;AAEjC,IAAM,IAAO,GAAA","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getOtherChildren, getSlotElement } from \"@zayne-labs/toolkit-react/utils\";\n\ntype ValidSwitchComponentType = React.ReactElement<SwitchMatchProps>;\n\ntype SwitchProps<TCondition> = {\n\tchildren: ValidSwitchComponentType | ValidSwitchComponentType[];\n\tcondition?: TCondition;\n};\n\ntype SwitchMatchProps<TWhen = boolean> = {\n\tchildren: React.ReactNode;\n\twhen: TWhen;\n};\n\nexport function Switch<TCondition = true>(props: SwitchProps<TCondition>) {\n\tconst { children, condition = true } = props;\n\n\tconst defaultCase = getSlotElement(children, Default, {\n\t\terrorMessage: \"Only one <Switch.Default> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst childrenCasesArray = getOtherChildren(children, Default);\n\n\tconst matchedCase = childrenCasesArray.find((child) => child.props.when === condition);\n\n\treturn matchedCase ?? defaultCase;\n}\n\nexport function Match<TWhen>({ children }: SwitchMatchProps<TWhen>) {\n\treturn children;\n}\n\nexport function Default({ children }: Pick<SwitchMatchProps, \"children\">) {\n\treturn children;\n}\nDefault.slot = Symbol.for(\"default-case\");\n\nexport const Root = Switch;\n"]}

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

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { AnyString } from '@zayne-labs/toolkit-type-helpers';
+
+type ValidHtmlTags = keyof HTMLElementTagNameMap;
+type PortalProps = {
+    children: react.ReactNode;
+    insertPosition?: InsertPosition;
+    to?: AnyString | HTMLElement | ValidHtmlTags | null;
+};
+declare function Teleport(props: PortalProps): react.ReactPortal | null;
+
+export { Teleport };

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

@@ -0,0 +1,31 @@
+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=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/Teleport/index.js.map

@@ -0,0 +1 @@
+{"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":"index.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/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

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

@@ -0,0 +1,96 @@
+import * as react from 'react';
+import { PolymorphicProps } from '@zayne-labs/toolkit-react/utils';
+import { F as ForRenderProps, E as EachProp } from '../../For-BmvZgK9J.js';
+import { Prettify } from '@zayne-labs/toolkit-type-helpers';
+import { StoreApi } from 'zustand';
+
+type ImagesType = Array<Record<string, string>> | string[];
+type CarouselStore<TImages extends ImagesType = ImagesType> = {
+    actions: {
+        goToNextSlide: () => void;
+        goToPreviousSlide: () => void;
+        goToSlide: (newValue: number) => void;
+    };
+    currentSlide: number;
+    images: TImages;
+    maxSlide: number;
+};
+type CarouselStoreApi<TImages extends ImagesType = ImagesType> = StoreApi<CarouselStore<TImages>>;
+type CarouselProviderProps<TImages extends ImagesType = ImagesType> = {
+    children: React.ReactNode;
+    images: CarouselStore<TImages>["images"];
+    onSlideBtnClick?: () => void;
+};
+type CarouselContentProps = {
+    autoSlideInterval?: number;
+    children: React.ReactNode;
+    classNames?: {
+        base?: string;
+        scrollContainer?: string;
+    };
+    hasAutoSlide?: boolean;
+    shouldPauseOnHover?: boolean;
+};
+type CarouselButtonsProps = {
+    classNames?: {
+        base?: string;
+        defaultIcon?: string;
+        iconContainer?: string;
+    };
+    icon?: React.ReactElement;
+    variant: "next" | "prev";
+};
+type CarouselControlProps = {
+    classNames?: {
+        base?: string;
+        defaultIcon?: string;
+        iconContainer?: string;
+    };
+    icon?: {
+        icon?: React.ReactElement;
+        iconType: "nextIcon" | "prevIcon";
+    } | {
+        iconType?: null;
+        next?: React.ReactElement;
+        prev?: React.ReactElement;
+    };
+};
+type CarouselIndicatorProps = {
+    classNames?: {
+        activeBtn?: string;
+        base?: string;
+        button?: string;
+    };
+    currentIndex: number;
+};
+type BaseWrapperProps<TArrayItem> = Prettify<ForRenderProps<TArrayItem> & Partial<EachProp<TArrayItem>>>;
+type CarouselWrapperProps<TArrayItem> = BaseWrapperProps<TArrayItem> & {
+    className?: string;
+};
+type OtherCarouselProps = {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+
+declare function CarouselContextProvider<TImages extends ImagesType>(props: CarouselProviderProps<TImages>): react.JSX.Element;
+
+declare function CarouselContent<TElement extends react.ElementType = "article">(props: PolymorphicProps<TElement, CarouselContentProps>): react.JSX.Element;
+declare function CarouselButton(props: CarouselButtonsProps): react.JSX.Element;
+declare function CarouselControls(props: CarouselControlProps): react.JSX.Element;
+declare function CarouselItemWrapper<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): react.JSX.Element;
+declare function CarouselItem({ children, className, ...restOfProps }: OtherCarouselProps): react.JSX.Element;
+declare function CarouselCaption<TElement extends react.ElementType = "div">(props: PolymorphicProps<TElement, OtherCarouselProps>): react.JSX.Element;
+declare function CarouselIndicatorWrapper<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): react.JSX.Element;
+declare function CarouselIndicator(props: CarouselIndicatorProps): react.JSX.Element;
+
+declare const Content: typeof CarouselContent;
+declare const Controls: typeof CarouselControls;
+declare const Button: typeof CarouselButton;
+declare const Item: typeof CarouselItem;
+declare const ItemWrapper: typeof CarouselItemWrapper;
+declare const Caption: typeof CarouselCaption;
+declare const Indicator: typeof CarouselIndicator;
+declare const IndicatorWrapper: typeof CarouselIndicatorWrapper;
+
+export { Button, Caption, CarouselButton, type CarouselButtonsProps, CarouselCaption, CarouselContent, type CarouselContentProps, type CarouselControlProps, CarouselControls, CarouselIndicator, type CarouselIndicatorProps, CarouselIndicatorWrapper, CarouselItem, CarouselItemWrapper, type CarouselProviderProps, type CarouselStore, type CarouselStoreApi, type CarouselWrapperProps, Content, Controls, type ImagesType, Indicator, IndicatorWrapper, Item, ItemWrapper, type OtherCarouselProps, CarouselContextProvider as Root };