@zayne-labs/ui-react 0.6.2 → 0.7.0

package/dist/esm/{chunk-ENDWJXPF.js → chunk-L2SROZYQ.js}

@@ -43,5 +43,5 @@ function SlotClone(props) {
 }
 
 export { Slot, Slottable };
-//# sourceMappingURL=chunk-ENDWJXPF.js.map
-//# sourceMappingURL=chunk-ENDWJXPF.js.map
+//# sourceMappingURL=chunk-L2SROZYQ.js.map
+//# sourceMappingURL=chunk-L2SROZYQ.js.map

package/dist/esm/{chunk-ENDWJXPF.js.map → chunk-L2SROZYQ.js.map}

@@ -1 +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,IAAI,QAAS,CAAA,KAAA,CAAM,UAAU,CAAA,GAAI,CAAG,EAAA;AACnC,MAAO,OAAA,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA;AAG1B,IAAA,MAAM,kBAAqB,GAAA,aAAA,CAAc,GAAI,CAAA,CAAC,KAAU,KAAA;AACvD,MAAA,IAAI,UAAU,SAAW,EAAA;AAExB,QAAA,OAAO,cAA0B,CAAA,UAAU,CAAK,IAAA,UAAA,CAAW,KAAM,CAAA,QAAA;AAAA;AAGlE,MAAO,OAAA,KAAA;AAAA,KACP,CAAA;AAED,IACC,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,eACb,EAAA,EAAA,cAAA,CAAe,UAAU,CAAA,IAAK,YAAa,CAAA,UAAA,EAAY,MAAW,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":"chunk-ENDWJXPF.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\tif (Children.count(newElement) > 1) {\n\t\t\treturn Children.only(null);\n\t\t}\n\n\t\tconst newElementChildren = childrenArray.map((child) => {\n\t\t\tif (child === slottable) {\n\t\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\t\treturn isValidElement<SlotProps>(newElement) && newElement.props.children;\n\t\t\t}\n\n\t\t\treturn child;\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"]}
+{"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,IAAI,QAAS,CAAA,KAAA,CAAM,UAAU,CAAA,GAAI,CAAG,EAAA;AACnC,MAAO,OAAA,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA;AAG1B,IAAA,MAAM,kBAAqB,GAAA,aAAA,CAAc,GAAI,CAAA,CAAC,KAAU,KAAA;AACvD,MAAA,IAAI,UAAU,SAAW,EAAA;AAExB,QAAA,OAAO,cAA0B,CAAA,UAAU,CAAK,IAAA,UAAA,CAAW,KAAM,CAAA,QAAA;AAAA;AAGlE,MAAO,OAAA,KAAA;AAAA,KACP,CAAA;AAED,IACC,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,eACb,EAAA,EAAA,cAAA,CAAe,UAAU,CAAA,IAAK,YAAa,CAAA,UAAA,EAAY,MAAW,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,QAAY,GAAA,QAAA,CAAS,KAAM,CAAA,GAAA,IAC5B,QAAqC,CAAA,GAAA;AAE1C,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,QAAQ,CAAC,CAAI,GAAA;AAAA,GAC7D;AAEA,EAAO,OAAA,YAAA,CAAa,UAAU,WAAW,CAAA;AAC1C","file":"chunk-L2SROZYQ.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\tif (Children.count(newElement) > 1) {\n\t\t\treturn Children.only(null);\n\t\t}\n\n\t\tconst newElementChildren = childrenArray.map((child) => {\n\t\t\tif (child === slottable) {\n\t\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\t\treturn isValidElement<SlotProps>(newElement) && newElement.props.children;\n\t\t\t}\n\n\t\t\treturn child;\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\n\t\t?? (children as unknown as UnknownProps).ref) as React.Ref<HTMLElement>;\n\n\tconst clonedProps = {\n\t\t...mergeProps(restOfSlotProps, children.props),\n\t\tref: forwardedRef ? composeRefs([forwardedRef, childRef]) : childRef,\n\t};\n\n\treturn cloneElement(children, clonedProps);\n}\n"]}

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

@@ -3,13 +3,15 @@ import { DiscriminatedRenderProps } from '@zayne-labs/toolkit-react/utils';
 import { SuspenseWithBoundaryProps } from '../suspense-with-boundary/index.js';
 import '../../types-CeWumkhm.js';
 
-type RenderPropFn<Tvalue> = (result: Tvalue) => react.ReactNode;
-type AwaitProps<Tvalue> = AwaitInnerProps<Tvalue> & Pick<SuspenseWithBoundaryProps, "errorFallback" | "fallback"> & {
+type RenderPropFn<TValue> = (result: TValue) => react.ReactNode;
+type AwaitProps<TValue> = AwaitInnerProps<TValue> & Pick<SuspenseWithBoundaryProps, "errorFallback" | "fallback"> & {
+    asChild?: boolean;
     wrapperVariant?: "none" | "only-boundary" | "only-suspense" | "suspense-and-boundary";
 };
-declare function Await<Tvalue>(props: AwaitProps<Tvalue>): react.JSX.Element;
-type AwaitInnerProps<Tvalue> = DiscriminatedRenderProps<RenderPropFn<Tvalue>> & {
-    promise: Promise<Tvalue>;
+declare function Await<TValue>(props: AwaitProps<TValue>): react.JSX.Element;
+type AwaitInnerProps<TValue> = DiscriminatedRenderProps<react.ReactNode | RenderPropFn<TValue>> & {
+    asChild?: boolean;
+    promise: Promise<TValue>;
 };
 
 export { Await, type AwaitInnerProps };

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

@@ -1,5 +1,40 @@
-export { Await } from '../../chunk-DJIVSXN7.js';
-import '../../chunk-OM4ZFFQS.js';
+import { Slot } from '../../chunk-L2SROZYQ.js';
+import { ErrorBoundary } from '../../chunk-OM4ZFFQS.js';
 import '../../chunk-PZ5AY32C.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=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"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":"index.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/common/focus-scope/index.d.ts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { InferProps } from '@zayne-labs/toolkit-react/utils';
+
+type FocusScopeElement = react.ComponentRef<"div">;
+type FocusScopeProps = Omit<InferProps<"div">, "ref"> & {
+    /**
+     * When `true`, tabbing from last item will focus first tabbable
+     * and shift+tab from first item will focus last tababble.
+     * @defaultValue false
+     */
+    loop?: boolean;
+    /**
+     * Event handler called when auto-focusing on mount.
+     * Can be prevented.
+     */
+    onMountAutoFocus?: (event: Event) => void;
+    /**
+     * Event handler called when auto-focusing on unmount.
+     * Can be prevented.
+     */
+    onUnmountAutoFocus?: (event: Event) => void;
+    ref?: react.Ref<FocusScopeElement>;
+    /**
+     * When `true`, focus cannot escape the focus scope via keyboard,
+     * pointer, or a programmatic focus.
+     * @defaultValue false
+     */
+    trapped?: boolean;
+};
+declare function FocusScope(props: FocusScopeProps): react.JSX.Element;
+
+export { FocusScope };

package/dist/esm/common/focus-scope/index.js

@@ -0,0 +1,232 @@
+import '../../chunk-PZ5AY32C.js';
+import * as React from 'react';
+import { useState, useRef, useEffect } from 'react';
+import { useCallbackRef } from '@zayne-labs/toolkit-react';
+import { composeRefs } from '@zayne-labs/toolkit-react/utils';
+
+// src/components/common/focus-scope/utils.ts
+var focusFirst = (candidates, options = {}) => {
+  const { select = false } = options;
+  const previouslyFocusedElement = document.activeElement;
+  for (const candidate of candidates) {
+    focusElement(candidate, { select });
+    if (document.activeElement !== previouslyFocusedElement) return;
+  }
+};
+var getTabbableEdges = (container) => {
+  const candidates = getTabbableCandidates(container);
+  const first = findVisible(candidates, container);
+  const last = findVisible(candidates.reverse(), container);
+  return [first, last];
+};
+var getTabbableCandidates = (container) => {
+  const nodes = [];
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+      if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode()) {
+    nodes.push(walker.currentNode);
+  }
+  return nodes;
+};
+var findVisible = (elements, container) => {
+  if (elements.length === 0) return null;
+  let visibleElement = null;
+  for (const element of elements) {
+    if (!isHidden(element, { upTo: container })) {
+      visibleElement = element;
+      break;
+    }
+  }
+  return visibleElement;
+};
+var isHidden = (initialNode, options) => {
+  const { upTo } = options;
+  if (!initialNode || getComputedStyle(initialNode).visibility === "hidden") {
+    return true;
+  }
+  let currentNode = initialNode;
+  while (currentNode) {
+    if (upTo !== void 0 && currentNode === upTo) {
+      return false;
+    }
+    if (getComputedStyle(currentNode).display === "none") {
+      return true;
+    }
+    currentNode = currentNode.parentElement;
+  }
+  return false;
+};
+var isSelectableInput = (element) => {
+  return element instanceof HTMLInputElement && "select" in element;
+};
+var focusElement = (element, options = {}) => {
+  const { select = false } = options;
+  if (element && typeof element.focus === "function") {
+    const previouslyFocusedElement = document.activeElement;
+    element.focus({ preventScroll: true });
+    if (element !== previouslyFocusedElement && isSelectableInput(element) && select) {
+      element.select();
+    }
+  }
+};
+var createFocusScopesStack = () => {
+  let stack = [];
+  const api = {
+    add(focusScope) {
+      const activeFocusScope = stack[0];
+      if (focusScope !== activeFocusScope) {
+        activeFocusScope?.pause();
+      }
+      stack = arrayRemove(stack, focusScope);
+      stack.unshift(focusScope);
+    },
+    remove(focusScope) {
+      stack = arrayRemove(stack, focusScope);
+      stack[0]?.resume();
+    }
+  };
+  return api;
+};
+var focusScopesStack = createFocusScopesStack();
+var arrayRemove = (array, item) => {
+  const updatedArray = [...array];
+  const index = updatedArray.indexOf(item);
+  if (index !== -1) {
+    updatedArray.splice(index, 1);
+  }
+  return updatedArray;
+};
+var removeLinks = (items) => {
+  return items.filter((item) => item.tagName !== "A");
+};
+
+// src/components/common/focus-scope/focus-scope.tsx
+var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
+var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
+var EVENT_OPTIONS = { bubbles: false, cancelable: true };
+function FocusScope(props) {
+  const {
+    loop = false,
+    onMountAutoFocus,
+    onUnmountAutoFocus,
+    ref: forwardedRef,
+    trapped = false,
+    ...scopeProps
+  } = props;
+  const [container, setContainer] = useState(null);
+  const savedOnMountAutoFocus = useCallbackRef(onMountAutoFocus);
+  const savedOnUnmountAutoFocus = useCallbackRef(onUnmountAutoFocus);
+  const lastFocusedElementRef = useRef(null);
+  const composedRefs = composeRefs([forwardedRef, (node) => setContainer(node)]);
+  const focusScope = useRef({
+    pause() {
+      this.paused = true;
+    },
+    paused: false,
+    resume() {
+      this.paused = false;
+    }
+  }).current;
+  useEffect(() => {
+    if (!trapped) return;
+    const handleFocusIn = function(event) {
+      if (focusScope.paused || !container) return;
+      const target = event.target;
+      if (container.contains(target)) {
+        lastFocusedElementRef.current = target;
+      } else {
+        focusElement(lastFocusedElementRef.current, { select: true });
+      }
+    };
+    const handleFocusOut = function(event) {
+      if (focusScope.paused || !container) return;
+      const relatedTarget = event.relatedTarget;
+      if (relatedTarget === null) return;
+      if (!container.contains(relatedTarget)) {
+        focusElement(lastFocusedElementRef.current, { select: true });
+      }
+    };
+    const handleMutations = function(mutations) {
+      const focusedElement = document.activeElement;
+      if (focusedElement !== document.body) return;
+      for (const mutation of mutations) {
+        if (mutation.removedNodes.length > 0) focusElement(container);
+      }
+    };
+    document.addEventListener("focusin", handleFocusIn);
+    document.addEventListener("focusout", handleFocusOut);
+    const mutationObserver = new MutationObserver(handleMutations);
+    if (container) {
+      mutationObserver.observe(container, { childList: true, subtree: true });
+    }
+    return () => {
+      document.removeEventListener("focusin", handleFocusIn);
+      document.removeEventListener("focusout", handleFocusOut);
+      mutationObserver.disconnect();
+    };
+  }, [trapped, container, focusScope.paused]);
+  useEffect(() => {
+    if (!container) return;
+    focusScopesStack.add(focusScope);
+    const previouslyFocusedElement = document.activeElement;
+    const hasFocusedCandidate = container.contains(previouslyFocusedElement);
+    if (!hasFocusedCandidate) {
+      const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
+      container.addEventListener(AUTOFOCUS_ON_MOUNT, savedOnMountAutoFocus);
+      container.dispatchEvent(mountEvent);
+      if (!mountEvent.defaultPrevented) {
+        focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });
+        document.activeElement === previouslyFocusedElement && focusElement(container);
+      }
+    }
+    return () => {
+      container.removeEventListener(AUTOFOCUS_ON_MOUNT, savedOnMountAutoFocus);
+      setTimeout(() => {
+        const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
+        container.addEventListener(AUTOFOCUS_ON_UNMOUNT, savedOnUnmountAutoFocus);
+        container.dispatchEvent(unmountEvent);
+        if (!unmountEvent.defaultPrevented) {
+          focusElement(document.body, { select: true });
+        }
+        container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, savedOnUnmountAutoFocus);
+        focusScopesStack.remove(focusScope);
+      }, 0);
+    };
+  }, [container, savedOnMountAutoFocus, savedOnUnmountAutoFocus, focusScope]);
+  const handleKeyDown = (event) => {
+    if (!loop && !trapped) return;
+    if (focusScope.paused) return;
+    const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
+    const focusedElement = document.activeElement;
+    if (!(isTabKey && focusedElement)) return;
+    const container2 = event.currentTarget;
+    const [first, last] = getTabbableEdges(container2);
+    const hasTabbableElementsInside = first && last;
+    if (!hasTabbableElementsInside && focusedElement === container2) {
+      event.preventDefault();
+      return;
+    }
+    if (!event.shiftKey && focusedElement === last) {
+      event.preventDefault();
+      if (loop && first) {
+        focusElement(first, { select: true });
+      }
+    }
+    if (event.shiftKey && focusedElement === first) {
+      event.preventDefault();
+      if (loop && last) {
+        focusElement(last, { select: true });
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { tabIndex: -1, ...scopeProps, onKeyDown: handleKeyDown, ref: composedRefs });
+}
+
+export { FocusScope };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/focus-scope/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/common/focus-scope/utils.ts","../../../../src/components/common/focus-scope/focus-scope.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export const focusFirst = (candidates: HTMLElement[], options: { select?: boolean } = {}) => {\n\tconst { select = false } = options;\n\n\tconst previouslyFocusedElement = document.activeElement;\n\n\tfor (const candidate of candidates) {\n\t\tfocusElement(candidate, { select });\n\t\tif (document.activeElement !== previouslyFocusedElement) return;\n\t}\n};\n\nexport const getTabbableEdges = (container: HTMLElement) => {\n\tconst candidates = getTabbableCandidates(container);\n\tconst first = findVisible(candidates, container);\n\tconst last = findVisible(candidates.reverse(), container);\n\treturn [first, last];\n};\n\nexport const getTabbableCandidates = (container: HTMLElement): HTMLElement[] => {\n\tconst nodes: HTMLElement[] = [];\n\n\tconst walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n\t\tacceptNode: (node: HTMLInputElement) => {\n\t\t\tconst isHiddenInput = node.tagName === \"INPUT\" && node.type === \"hidden\";\n\n\t\t\tif (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;\n\n\t\t\treturn node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n\t\t},\n\t});\n\n\twhile (walker.nextNode()) {\n\t\tnodes.push(walker.currentNode as HTMLElement);\n\t}\n\n\treturn nodes;\n};\n\nconst findVisible = (elements: HTMLElement[], container: HTMLElement): HTMLElement | null => {\n\tif (elements.length === 0) return null;\n\tlet visibleElement: HTMLElement | null = null;\n\n\tfor (const element of elements) {\n\t\tif (!isHidden(element, { upTo: container })) {\n\t\t\tvisibleElement = element;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn visibleElement;\n};\n\nconst isHidden = (\n\tinitialNode: HTMLElement | null,\n\toptions: { upTo: HTMLElement | undefined }\n): boolean => {\n\tconst { upTo } = options;\n\n\tif (!initialNode || getComputedStyle(initialNode).visibility === \"hidden\") {\n\t\treturn true;\n\t}\n\n\tlet currentNode: HTMLElement | null = initialNode;\n\n\twhile (currentNode) {\n\t\tif (upTo !== void 0 && currentNode === upTo) {\n\t\t\treturn false;\n\t\t}\n\t\tif (getComputedStyle(currentNode).display === \"none\") {\n\t\t\treturn true;\n\t\t}\n\t\tcurrentNode = currentNode.parentElement;\n\t}\n\n\treturn false;\n};\n\nconst isSelectableInput = (element: HTMLElement): element is HTMLInputElement => {\n\treturn element instanceof HTMLInputElement && \"select\" in element;\n};\n\nexport const focusElement = (element: HTMLElement | null, options: { select?: boolean } = {}) => {\n\tconst { select = false } = options;\n\n\tif (element && typeof element.focus === \"function\") {\n\t\tconst previouslyFocusedElement = document.activeElement;\n\t\telement.focus({ preventScroll: true });\n\n\t\tif (element !== previouslyFocusedElement && isSelectableInput(element) && select) {\n\t\t\telement.select();\n\t\t}\n\t}\n};\n\nconst createFocusScopesStack = () => {\n\tlet stack: Array<{ pause: () => void; paused: boolean; resume: () => void }> = [];\n\n\tconst api = {\n\t\tadd(focusScope: { pause: () => void; paused: boolean; resume: () => void }) {\n\t\t\tconst activeFocusScope = stack[0];\n\t\t\tif (focusScope !== activeFocusScope) {\n\t\t\t\tactiveFocusScope?.pause();\n\t\t\t}\n\t\t\tstack = arrayRemove(stack, focusScope);\n\t\t\tstack.unshift(focusScope);\n\t\t},\n\t\tremove(focusScope: { pause: () => void; paused: boolean; resume: () => void }) {\n\t\t\tstack = arrayRemove(stack, focusScope);\n\t\t\tstack[0]?.resume();\n\t\t},\n\t};\n\n\treturn api;\n};\n\nexport const focusScopesStack = createFocusScopesStack();\n\nconst arrayRemove = <T>(array: T[], item: T): T[] => {\n\tconst updatedArray = [...array];\n\tconst index = updatedArray.indexOf(item);\n\tif (index !== -1) {\n\t\tupdatedArray.splice(index, 1);\n\t}\n\treturn updatedArray;\n};\n\nexport const removeLinks = (items: HTMLElement[]): HTMLElement[] => {\n\treturn items.filter((item) => item.tagName !== \"A\");\n};\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { type InferProps, composeRefs } from \"@zayne-labs/toolkit-react/utils\";\nimport { useEffect, useRef, useState } from \"react\";\nimport {\n\tfocusElement,\n\tfocusFirst,\n\tfocusScopesStack,\n\tgetTabbableCandidates,\n\tgetTabbableEdges,\n\tremoveLinks,\n} from \"./utils\";\n\n/* -------------------------------------------------------------------------------------------------\n * FocusScope\n *  Copied and modified from @radix-ui/react-focus-scope\n * @see https://github.com/radix-ui/primitives/tree/main/packages/react/focus-scope\n * ----------------------------------------------------------------------------------------------- */\n\ntype FocusScopeElement = React.ComponentRef<\"div\">;\n\ntype FocusScopeProps = Omit<InferProps<\"div\">, \"ref\"> & {\n\t/**\n\t * When `true`, tabbing from last item will focus first tabbable\n\t * and shift+tab from first item will focus last tababble.\n\t * @defaultValue false\n\t */\n\tloop?: boolean;\n\t/**\n\t * Event handler called when auto-focusing on mount.\n\t * Can be prevented.\n\t */\n\tonMountAutoFocus?: (event: Event) => void;\n\t/**\n\t * Event handler called when auto-focusing on unmount.\n\t * Can be prevented.\n\t */\n\tonUnmountAutoFocus?: (event: Event) => void;\n\n\tref?: React.Ref<FocusScopeElement>;\n\n\t/**\n\t * When `true`, focus cannot escape the focus scope via keyboard,\n\t * pointer, or a programmatic focus.\n\t * @defaultValue false\n\t */\n\ttrapped?: boolean;\n};\n\nconst AUTOFOCUS_ON_MOUNT = \"focusScope.autoFocusOnMount\";\nconst AUTOFOCUS_ON_UNMOUNT = \"focusScope.autoFocusOnUnmount\";\nconst EVENT_OPTIONS = { bubbles: false, cancelable: true };\n\nfunction FocusScope(props: FocusScopeProps) {\n\tconst {\n\t\tloop = false,\n\t\tonMountAutoFocus,\n\t\tonUnmountAutoFocus,\n\t\tref: forwardedRef,\n\t\ttrapped = false,\n\t\t...scopeProps\n\t} = props;\n\tconst [container, setContainer] = useState<HTMLElement | null>(null);\n\n\tconst savedOnMountAutoFocus = useCallbackRef(onMountAutoFocus);\n\n\tconst savedOnUnmountAutoFocus = useCallbackRef(onUnmountAutoFocus);\n\n\tconst lastFocusedElementRef = useRef<HTMLElement | null>(null);\n\tconst composedRefs = composeRefs([forwardedRef, (node) => setContainer(node)]);\n\n\tconst focusScope = useRef({\n\t\tpause() {\n\t\t\tthis.paused = true;\n\t\t},\n\t\tpaused: false,\n\t\tresume() {\n\t\t\tthis.paused = false;\n\t\t},\n\t}).current;\n\n\tuseEffect(() => {\n\t\tif (!trapped) return;\n\n\t\tconst handleFocusIn = function (event: FocusEvent) {\n\t\t\tif (focusScope.paused || !container) return;\n\t\t\tconst target = event.target as HTMLElement;\n\t\t\tif (container.contains(target)) {\n\t\t\t\tlastFocusedElementRef.current = target;\n\t\t\t} else {\n\t\t\t\tfocusElement(lastFocusedElementRef.current, { select: true });\n\t\t\t}\n\t\t};\n\n\t\tconst handleFocusOut = function (event: FocusEvent) {\n\t\t\tif (focusScope.paused || !container) return;\n\t\t\tconst relatedTarget = event.relatedTarget as HTMLElement | null;\n\t\t\tif (relatedTarget === null) return;\n\t\t\tif (!container.contains(relatedTarget)) {\n\t\t\t\tfocusElement(lastFocusedElementRef.current, { select: true });\n\t\t\t}\n\t\t};\n\n\t\tconst handleMutations = function (mutations: MutationRecord[]) {\n\t\t\tconst focusedElement = document.activeElement;\n\t\t\tif (focusedElement !== document.body) return;\n\t\t\tfor (const mutation of mutations) {\n\t\t\t\tif (mutation.removedNodes.length > 0) focusElement(container);\n\t\t\t}\n\t\t};\n\n\t\tdocument.addEventListener(\"focusin\", handleFocusIn);\n\t\tdocument.addEventListener(\"focusout\", handleFocusOut);\n\t\tconst mutationObserver = new MutationObserver(handleMutations);\n\n\t\tif (container) {\n\t\t\tmutationObserver.observe(container, { childList: true, subtree: true });\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"focusin\", handleFocusIn);\n\t\t\tdocument.removeEventListener(\"focusout\", handleFocusOut);\n\t\t\tmutationObserver.disconnect();\n\t\t};\n\t}, [trapped, container, focusScope.paused]);\n\n\tuseEffect(() => {\n\t\tif (!container) return;\n\n\t\tfocusScopesStack.add(focusScope);\n\n\t\tconst previouslyFocusedElement = document.activeElement;\n\t\tconst hasFocusedCandidate = container.contains(previouslyFocusedElement);\n\n\t\tif (!hasFocusedCandidate) {\n\t\t\tconst mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);\n\t\t\tcontainer.addEventListener(AUTOFOCUS_ON_MOUNT, savedOnMountAutoFocus);\n\t\t\tcontainer.dispatchEvent(mountEvent);\n\n\t\t\tif (!mountEvent.defaultPrevented) {\n\t\t\t\tfocusFirst(removeLinks(getTabbableCandidates(container)), { select: true });\n\t\t\t\tdocument.activeElement === previouslyFocusedElement && focusElement(container);\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\tcontainer.removeEventListener(AUTOFOCUS_ON_MOUNT, savedOnMountAutoFocus);\n\n\t\t\t// eslint-disable-next-line react-web-api/no-leaked-timeout -- Allow\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);\n\t\t\t\t// eslint-disable-next-line react-web-api/no-leaked-event-listener -- Allow\n\t\t\t\tcontainer.addEventListener(AUTOFOCUS_ON_UNMOUNT, savedOnUnmountAutoFocus);\n\t\t\t\tcontainer.dispatchEvent(unmountEvent);\n\t\t\t\tif (!unmountEvent.defaultPrevented) {\n\t\t\t\t\tfocusElement(document.body, { select: true });\n\t\t\t\t}\n\t\t\t\tcontainer.removeEventListener(AUTOFOCUS_ON_UNMOUNT, savedOnUnmountAutoFocus);\n\t\t\t\tfocusScopesStack.remove(focusScope);\n\t\t\t}, 0);\n\t\t};\n\t}, [container, savedOnMountAutoFocus, savedOnUnmountAutoFocus, focusScope]);\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n\t\tif (!loop && !trapped) return;\n\t\tif (focusScope.paused) return;\n\n\t\tconst isTabKey = event.key === \"Tab\" && !event.altKey && !event.ctrlKey && !event.metaKey;\n\t\tconst focusedElement = document.activeElement;\n\n\t\tif (!(isTabKey && focusedElement)) return;\n\n\t\tconst container2 = event.currentTarget;\n\t\tconst [first, last] = getTabbableEdges(container2);\n\t\tconst hasTabbableElementsInside = first && last;\n\n\t\tif (!hasTabbableElementsInside && focusedElement === container2) {\n\t\t\tevent.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!event.shiftKey && focusedElement === last) {\n\t\t\tevent.preventDefault();\n\t\t\tif (loop && first) {\n\t\t\t\tfocusElement(first, { select: true });\n\t\t\t}\n\t\t}\n\n\t\tif (event.shiftKey && focusedElement === first) {\n\t\t\tevent.preventDefault();\n\t\t\tif (loop && last) {\n\t\t\t\tfocusElement(last, { select: true });\n\t\t\t}\n\t\t}\n\t};\n\n\treturn <div tabIndex={-1} {...scopeProps} onKeyDown={handleKeyDown} ref={composedRefs} />;\n}\n\nexport { FocusScope };\n"]}

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

@@ -1,4 +1,50 @@
-export { show_parts_exports as Show, ShowContent, ShowFallback, ShowRoot } from '../../chunk-FPCKBOJN.js';
-import '../../chunk-PZ5AY32C.js';
+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 { show_parts_exports as Show, ShowContent, ShowFallback, ShowRoot };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"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":"index.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/common/slot/index.js

@@ -1,4 +1,4 @@
-export { Slot, Slottable } from '../../chunk-ENDWJXPF.js';
+export { Slot, Slottable } from '../../chunk-L2SROZYQ.js';
 import '../../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/common/suspense-with-boundary/index.js

@@ -1,5 +1,14 @@
-export { SuspenseWithBoundary } from '../../chunk-NPIJ4XZP.js';
-import '../../chunk-OM4ZFFQS.js';
+import { ErrorBoundary } from '../../chunk-OM4ZFFQS.js';
 import '../../chunk-PZ5AY32C.js';
+import { Suspense } from 'react';
+
+function SuspenseWithBoundary(props) {
+  const { children, errorFallback, fallback } = props;
+  const errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };
+  const suspenseProps = Boolean(fallback) && { fallback };
+  return /* @__PURE__ */ React.createElement(ErrorBoundary, { ...errorBoundaryProps }, /* @__PURE__ */ React.createElement(Suspense, { ...suspenseProps }, children));
+}
+
+export { SuspenseWithBoundary };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/common/suspense-with-boundary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../../src/components/common/suspense-with-boundary/suspense-with-boundary.tsx"],"names":[],"mappings":";;;;AASO,SAAS,qBAAqB,KAAkC,EAAA;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,aAAe,EAAA,QAAA,EAAa,GAAA,KAAA;AAE9C,EAAA,MAAM,qBAAqB,OAAQ,CAAA,aAAa,CAAK,IAAA,EAAE,UAAU,aAAc,EAAA;AAC/E,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,QAAQ,CAAA,IAAK,EAAE,QAAS,EAAA;AAEtD,EACC,uBAAA,KAAA,CAAA,aAAA,CAAC,iBAAe,GAAG,kBAAA,EAAA,sCACjB,QAAU,EAAA,EAAA,GAAG,aAAgB,EAAA,EAAA,QAAS,CACxC,CAAA;AAEF","file":"index.js","sourcesContent":["import { Suspense } from \"react\";\nimport { ErrorBoundary, type ErrorBoundaryProps } from \"../error-boundary\";\n\nexport type SuspenseWithBoundaryProps = {\n\tchildren: React.ReactNode;\n\terrorFallback?: ErrorBoundaryProps[\"fallback\"];\n\tfallback?: React.ReactNode;\n};\n\nexport function SuspenseWithBoundary(props: SuspenseWithBoundaryProps) {\n\tconst { children, errorFallback, fallback } = props;\n\n\tconst errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };\n\tconst suspenseProps = Boolean(fallback) && { fallback };\n\n\treturn (\n\t\t<ErrorBoundary {...errorBoundaryProps}>\n\t\t\t<Suspense {...suspenseProps}>{children}</Suspense>\n\t\t</ErrorBoundary>\n\t);\n}\n"]}

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

@@ -1,4 +1,40 @@
-export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot } from '../../chunk-SVQ4WBSO.js';
-import '../../chunk-PZ5AY32C.js';
+import { __export } from '../../chunk-PZ5AY32C.js';
+import 'react';
+import { getSingleSlot, getRegularChildren } from '@zayne-labs/toolkit-react/utils';
+import { isFunction } from '@zayne-labs/toolkit-type-helpers';
+
+var defaultConditionSymbol = Symbol("condition-default");
+function SwitchRoot(props) {
+  const { children, condition = defaultConditionSymbol } = props;
+  const defaultCase = getSingleSlot(children, SwitchDefault, {
+    errorMessage: "Only one <Switch.Default> component is allowed",
+    throwOnMultipleSlotMatch: true
+  });
+  const childrenCasesArray = getRegularChildren(children, SwitchDefault);
+  const matchedCase = childrenCasesArray.find(
+    (child) => condition === defaultConditionSymbol ? child.props.when : child.props.when === condition
+  );
+  return matchedCase ?? defaultCase;
+}
+function SwitchMatch({ children, when }) {
+  if (when == null || when === false) {
+    return null;
+  }
+  return isFunction(children) ? children(when) : children;
+}
+function SwitchDefault({ children }) {
+  return children;
+}
+SwitchDefault.slotSymbol = Symbol("switch-default");
+
+// src/components/common/switch/switch-parts.ts
+var switch_parts_exports = {};
+__export(switch_parts_exports, {
+  Default: () => SwitchDefault,
+  Match: () => SwitchMatch,
+  Root: () => SwitchRoot
+});
+
+export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../../src/components/common/switch/switch.tsx","../../../../src/components/common/switch/switch-parts.ts"],"names":[],"mappings":";;;;;AAmBA,IAAM,sBAAA,GAAyB,OAAO,mBAAmB,CAAA;AAElD,SAAS,WAA8B,KAAgC,EAAA;AAC7E,EAAA,MAAM,EAAE,QAAA,EAAU,SAAY,GAAA,sBAAA,EAA2B,GAAA,KAAA;AAEzD,EAAM,MAAA,WAAA,GAAc,aAAc,CAAA,QAAA,EAAU,aAAe,EAAA;AAAA,IAC1D,YAAc,EAAA,gDAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAM,MAAA,kBAAA,GAAqB,kBAAmB,CAAA,QAAA,EAAU,aAAa,CAAA;AAErE,EAAA,MAAM,cAAc,kBAAmB,CAAA,IAAA;AAAA,IAAK,CAAC,UAC5C,SAAc,KAAA,sBAAA,GAAyB,MAAM,KAAM,CAAA,IAAA,GAAO,KAAM,CAAA,KAAA,CAAM,IAAS,KAAA;AAAA,GAChF;AAEA,EAAA,OAAO,WAAe,IAAA,WAAA;AACvB;AAEO,SAAS,WAAmB,CAAA,EAAE,QAAU,EAAA,IAAA,EAAiC,EAAA;AAC/E,EAAI,IAAA,IAAA,IAAQ,IAAQ,IAAA,IAAA,KAAS,KAAO,EAAA;AACnC,IAAO,OAAA,IAAA;AAAA;AAGR,EAAA,OAAO,UAAW,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,IAAI,CAAI,GAAA,QAAA;AAChD;AAEO,SAAS,aAAA,CAAc,EAAE,QAAA,EAA2C,EAAA;AAC1E,EAAO,OAAA,QAAA;AACR;AACA,aAAc,CAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA;;;ACjDlD,IAAA,oBAAA,GAAA;AAAA,QAAA,CAAA,oBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA,aAAA;AAAA,EAAA,KAAA,EAAA,MAAA,WAAA;AAAA,EAAA,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getRegularChildren, getSingleSlot } from \"@zayne-labs/toolkit-react/utils\";\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\n\ntype ValidSwitchComponentType = React.ReactElement<SwitchMatchProps>;\n\ntype SwitchProps<TCondition> = {\n\tchildren: ValidSwitchComponentType | ValidSwitchComponentType[];\n\tcondition?: TCondition;\n};\n\ntype SwitchMatchProps<TWhen = unknown> = {\n\tchildren: React.ReactNode | ((whenValue: TWhen) => React.ReactNode);\n\twhen: false | TWhen | null | undefined;\n};\n\nconst defaultConditionSymbol = Symbol(\"condition-default\");\n\nexport function SwitchRoot<TCondition = true>(props: SwitchProps<TCondition>) {\n\tconst { children, condition = defaultConditionSymbol } = props;\n\n\tconst defaultCase = getSingleSlot(children, SwitchDefault, {\n\t\terrorMessage: \"Only one <Switch.Default> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst childrenCasesArray = getRegularChildren(children, SwitchDefault);\n\n\tconst matchedCase = childrenCasesArray.find((child) =>\n\t\tcondition === defaultConditionSymbol ? child.props.when : child.props.when === condition\n\t);\n\n\treturn matchedCase ?? defaultCase;\n}\n\nexport function SwitchMatch<TWhen>({ children, when }: SwitchMatchProps<TWhen>) {\n\tif (when == null || when === false) {\n\t\treturn null;\n\t}\n\n\treturn isFunction(children) ? children(when) : children;\n}\n\nexport function SwitchDefault({ children }: { children: React.ReactNode }) {\n\treturn children;\n}\nSwitchDefault.slotSymbol = Symbol(\"switch-default\");\n","export { SwitchDefault as Default, SwitchMatch as Match, SwitchRoot as Root } from \"./switch\";\n"]}

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

@@ -1,4 +1,31 @@
-export { Teleport } from '../../chunk-CB2EZJYW.js';
 import '../../chunk-PZ5AY32C.js';
+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';
+
+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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"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"]}