@zayne-labs/ui-react 0.8.10 → 0.8.12

package/css/preset.css

@@ -1,2 +1,3 @@
 @import "./theme.css";
+@import "./utilities.css";
 @source "../dist/esm/**/*.js";

package/css/style.css

@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@import "./preset.css";

package/css/theme.css

@@ -1,17 +1,3 @@
 @theme {
-	--color-shadcn-accent: hsl(210, 40%, 96.1%);
-	--color-shadcn-accent-foreground: hsl(222.2, 47.4%, 11.2%);
-	--color-shadcn-background: hsl(0, 0%, 100%);
-	--color-shadcn-border: hsl(214.3, 31.8%, 91.4%);
-	--color-shadcn-foreground: hsl(222.2, 47.4%, 11.2%);
-	--color-shadcn-input: hsl(214.3, 31.8%, 91.4%);
-	--color-shadcn-muted: hsl(210, 40%, 96.1%);
 	--color-shadcn-muted-foreground: hsl(215.4, 16.3%, 46.9%);
-	--color-shadcn-popover: hsl(0, 0%, 100%);
-	--color-shadcn-popover-foreground: hsl(222.2, 47.4%, 11.2%);
-	--color-shadcn-primary: hsl(222.2, 47.4%, 11.2%);
-	--color-shadcn-primary-foreground: hsl(210, 40%, 98%);
-	--color-shadcn-ring: hsl(215, 20.2%, 65.1%);
-	--color-shadcn-secondary: hsl(210, 40%, 96.1%);
-	--color-shadcn-secondary-foreground: hsl(222.2, 47.4%, 11.2%);
 }

package/css/utilities.css

@@ -0,0 +1,7 @@
+@utility scrollbar-hidden {
+	scrollbar-width: none;
+
+	&::-webkit-scrollbar {
+		display: none;
+	}
+}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Children, isValidElement, cloneElement } from 'react';
+import { Children, isValidElement, cloneElement, Fragment } from 'react';
 import { composeRefs, mergeProps } from '@zayne-labs/toolkit-react/utils';
 import { isArray } from '@zayne-labs/toolkit-type-helpers';
 
@@ -35,13 +35,14 @@ function SlotClone(props) {
     return Children.count(children) > 1 ? Children.only(null) : null;
   }
   const childRef = children.props.ref ?? children.ref;
+  const mergedRef = forwardedRef ? composeRefs(forwardedRef, childRef) : childRef;
   const clonedProps = {
     ...mergeProps(restOfSlotProps, children.props),
-    ref: forwardedRef ? composeRefs([forwardedRef, childRef]) : childRef
+    ...children.type !== Fragment && { ref: mergedRef }
   };
   return cloneElement(children, clonedProps);
 }
 
 export { Slot, Slottable };
-//# sourceMappingURL=chunk-L2SROZYQ.js.map
-//# sourceMappingURL=chunk-L2SROZYQ.js.map
+//# sourceMappingURL=chunk-2P3P5AXH.js.map
+//# sourceMappingURL=chunk-2P3P5AXH.js.map

package/dist/esm/chunk-2P3P5AXH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/slot/slot.tsx"],"names":["ReactFragment"],"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,SAAY,GAAA,YAAA,GAAe,WAAY,CAAA,YAAA,EAAc,QAAQ,CAAI,GAAA,QAAA;AAEvE,EAAA,MAAM,WAAc,GAAA;AAAA,IACnB,GAAG,UAAA,CAAW,eAAiB,EAAA,QAAA,CAAS,KAAK,CAAA;AAAA,IAC7C,GAAI,QAAS,CAAA,IAAA,KAASA,QAAiB,IAAA,EAAE,KAAK,SAAU;AAAA,GACzD;AAEA,EAAO,OAAA,YAAA,CAAa,UAAU,WAAW,CAAA;AAC1C","file":"chunk-2P3P5AXH.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, Fragment as ReactFragment, 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 mergedRef = forwardedRef ? composeRefs(forwardedRef, childRef) : childRef;\n\n\tconst clonedProps = {\n\t\t...mergeProps(restOfSlotProps, children.props),\n\t\t...(children.type !== ReactFragment && { ref: mergedRef }),\n\t};\n\n\treturn cloneElement(children, clonedProps);\n}\n"]}

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

@@ -1,14 +1,14 @@
-import * as react from 'react';
+import * as React from 'react';
 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 RenderPropFn<TValue> = (result: TValue) => React.ReactNode;
 type AwaitProps<TValue> = AwaitInnerProps<TValue> & Pick<SuspenseWithBoundaryProps, "errorFallback" | "fallback"> & {
-    wrapperVariant?: "none" | "only-boundary" | "only-suspense" | "suspense-and-boundary";
+    withErrorBoundary?: boolean;
 };
-declare function Await<TValue>(props: AwaitProps<TValue>): react.JSX.Element;
-type AwaitInnerProps<TValue> = DiscriminatedRenderProps<react.ReactNode | RenderPropFn<TValue>> & {
+declare function Await<TValue>(props: AwaitProps<TValue>): React.JSX.Element;
+type AwaitInnerProps<TValue> = DiscriminatedRenderProps<React.ReactNode | RenderPropFn<TValue>> & {
     asChild?: boolean;
     promise: Promise<TValue>;
 };

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

@@ -1,4 +1,4 @@
-import { Slot } from '../../chunk-L2SROZYQ.js';
+import { Slot } from '../../chunk-2P3P5AXH.js';
 import { ErrorBoundary } from '../../chunk-7LEVEBD2.js';
 import '../../chunk-PZ5AY32C.js';
 import * as React from 'react';
@@ -6,12 +6,10 @@ import { Fragment, Suspense, use } from 'react';
 import { isFunction } from '@zayne-labs/toolkit-type-helpers';
 
 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 { errorFallback, fallback, withErrorBoundary = true, ...restOfProps } = props;
+  const WithErrorBoundary = withErrorBoundary ? ErrorBoundary : 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 })));
+  return /* @__PURE__ */ React.createElement(WithErrorBoundary, { ...errorBoundaryProps }, /* @__PURE__ */ React.createElement(Suspense, { fallback }, /* @__PURE__ */ React.createElement(AwaitInner, { ...restOfProps })));
 }
 function AwaitInner(props) {
   const { asChild, children, promise, render } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/common/await/await.tsx"],"names":["ReactFragment"],"mappings":";;;;;;;AAmBO,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,EAAA,MAAM,SAAY,GAAA,OAAA,IAAW,EAAE,OAAA,EAAS,MAAO,EAAA;AAE/C,EAAA,MAAM,mBAAmB,QAAY,IAAA,MAAA;AAErC,EAAA,MAAM,mBAAmB,UAAW,CAAA,gBAAgB,CAAI,GAAA,gBAAA,CAAiB,MAAM,CAAI,GAAA,gBAAA;AAEnF,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,SAAA,EAAA,EAAY,gBAAiB,CAAA;AACpD","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport type { DiscriminatedRenderProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\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\twrapperVariant?: \"none\" | \"only-boundary\" | \"only-suspense\" | \"suspense-and-boundary\";\n\t};\n\n// TODO - Add Support for Slot components\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 slotProps = asChild && { promise, result };\n\n\tconst selectedChildren = children ?? render;\n\n\tconst resolvedChildren = isFunction(selectedChildren) ? selectedChildren(result) : selectedChildren;\n\n\treturn <Component {...slotProps}>{resolvedChildren}</Component>;\n}\n"]}
+{"version":3,"sources":["../../../../src/components/common/await/await.tsx"],"names":["ReactFragment"],"mappings":";;;;;;;AAmBO,SAAS,MAAc,KAA2B,EAAA;AACxD,EAAA,MAAM,EAAE,aAAe,EAAA,QAAA,EAAU,oBAAoB,IAAM,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE9E,EAAM,MAAA,iBAAA,GAAoB,oBAAoB,aAAgB,GAAAA,QAAA;AAE9D,EAAA,MAAM,qBAAqB,OAAQ,CAAA,aAAa,CAAK,IAAA,EAAE,UAAU,aAAc,EAAA;AAE/E,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAmB,GAAG,kBAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,QACT,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAY,EAAA,EAAA,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,EAAA,MAAM,SAAY,GAAA,OAAA,IAAW,EAAE,OAAA,EAAS,MAAO,EAAA;AAE/C,EAAA,MAAM,mBAAmB,QAAY,IAAA,MAAA;AAErC,EAAA,MAAM,mBAAmB,UAAW,CAAA,gBAAgB,CAAI,GAAA,gBAAA,CAAiB,MAAM,CAAI,GAAA,gBAAA;AAEnF,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,SAAA,EAAA,EAAY,gBAAiB,CAAA;AACpD","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport type { DiscriminatedRenderProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\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\twithErrorBoundary?: boolean;\n\t};\n\n// TODO - Add Support for Slot components\nexport function Await<TValue>(props: AwaitProps<TValue>) {\n\tconst { errorFallback, fallback, withErrorBoundary = true, ...restOfProps } = props;\n\n\tconst WithErrorBoundary = withErrorBoundary ? ErrorBoundary : ReactFragment;\n\n\tconst errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };\n\n\treturn (\n\t\t<WithErrorBoundary {...errorBoundaryProps}>\n\t\t\t<Suspense fallback={fallback}>\n\t\t\t\t<AwaitInner {...restOfProps} />\n\t\t\t</Suspense>\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 slotProps = asChild && { promise, result };\n\n\tconst selectedChildren = children ?? render;\n\n\tconst resolvedChildren = isFunction(selectedChildren) ? selectedChildren(result) : selectedChildren;\n\n\treturn <Component {...slotProps}>{resolvedChildren}</Component>;\n}\n"]}

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

@@ -1,6 +1,6 @@
 import { E as ErrorBoundaryProps } from '../../types-CeWumkhm.js';
 export { F as FallbackProps } from '../../types-CeWumkhm.js';
-import * as react from 'react';
+import * as React from 'react';
 import { Component } from 'react';
 
 type ErrorBoundaryContextType = {
@@ -33,9 +33,9 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryS
         error: Error;
         hasError: boolean;
     };
-    componentDidCatch(error: Error, info: react.ErrorInfo): void;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
     componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): react.JSX.Element;
+    render(): React.JSX.Element;
 }
 
 export { ErrorBoundary, type ErrorBoundaryContextType, ErrorBoundaryProps, useErrorBoundary, useErrorBoundaryContext };

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

@@ -1,22 +1,22 @@
-import * as react from 'react';
+import * as React from 'react';
 import { DiscriminatedRenderProps, PolymorphicProps } from '@zayne-labs/toolkit-react/utils';
 import { Prettify } from '@zayne-labs/toolkit-type-helpers';
 
-type RenderPropFn<TArrayItem> = (item: TArrayItem, index: number, array: TArrayItem[]) => react.ReactNode;
+type RenderPropFn<TArrayItem> = (item: TArrayItem, index: number, array: TArrayItem[]) => React.ReactNode;
 type ForRenderProps<TArrayItem> = DiscriminatedRenderProps<RenderPropFn<TArrayItem>>;
 type ForProps<TArrayItem> = Prettify<{
     each: TArrayItem[];
-    fallback?: react.ReactNode;
+    fallback?: React.ReactNode;
 } & ForRenderProps<TArrayItem>>;
 type ForPropsWithNumber<TNumber> = Prettify<{
     each: TNumber;
-    fallback?: react.ReactNode;
+    fallback?: React.ReactNode;
 } & ForRenderProps<TNumber>>;
-declare function ForBase<TArrayItem>(props: ForProps<TArrayItem> | ForPropsWithNumber<TArrayItem>): react.ReactNode;
+declare function ForBase<TArrayItem>(props: ForProps<TArrayItem> | ForPropsWithNumber<TArrayItem>): React.ReactNode;
 type ForListProps<TArrayItem> = {
     className?: string;
 } & (ForProps<TArrayItem> | ForPropsWithNumber<TArrayItem>);
-declare function ForList<TArrayItem, TElement extends react.ElementType = "ul">(props: PolymorphicProps<TElement, ForListProps<TArrayItem>>): react.JSX.Element;
+declare function ForList<TArrayItem, TElement extends React.ElementType = "ul">(props: PolymorphicProps<TElement, ForListProps<TArrayItem>>): React.JSX.Element;
 
 type GetElementListResult<TVariant extends "base" | "withWrapper"> = TVariant extends "base" ? [typeof ForBase] : [typeof ForList];
 declare const getElementList: <TVariant extends "base" | "withWrapper" = "withWrapper">(variant?: TVariant) => GetElementListResult<TVariant>;

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

@@ -1,20 +1,20 @@
-import * as react from 'react';
+import * as React from 'react';
 
 type ShowProps<TWhen> = {
-    children: react.ReactNode | ((value: TWhen) => react.ReactNode);
-    fallback?: react.ReactNode;
+    children: React.ReactNode | ((value: TWhen) => React.ReactNode);
+    fallback?: React.ReactNode;
     when: false | TWhen | null | undefined;
 };
-declare function ShowRoot<TWhen>(props: ShowProps<TWhen>): react.ReactNode;
+declare function ShowRoot<TWhen>(props: ShowProps<TWhen>): React.ReactNode;
 declare function ShowContent({ children }: {
-    children: react.ReactNode;
-}): react.ReactNode;
+    children: React.ReactNode;
+}): React.ReactNode;
 declare namespace ShowContent {
     var slotSymbol: symbol;
 }
 declare function ShowFallback({ children }: {
-    children: react.ReactNode;
-}): react.ReactNode;
+    children: React.ReactNode;
+}): React.ReactNode;
 declare namespace ShowFallback {
     var slotSymbol: symbol;
 }

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

@@ -1,8 +1,8 @@
-import * as react from 'react';
+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 | null;
+declare function Slottable({ children }: Pick<SlotProps, "children">): React.ReactNode;
+declare function Slot(props: SlotProps): React.JSX.Element | null;
 
 export { Slot, Slottable };

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

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

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

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { E as ErrorBoundaryProps } from '../../types-CeWumkhm.js';
 
 type SuspenseWithBoundaryProps = {
@@ -6,6 +6,6 @@ type SuspenseWithBoundaryProps = {
     errorFallback?: ErrorBoundaryProps["fallback"];
     fallback?: React.ReactNode;
 };
-declare function SuspenseWithBoundary(props: SuspenseWithBoundaryProps): react.JSX.Element;
+declare function SuspenseWithBoundary(props: SuspenseWithBoundaryProps): React$1.JSX.Element;
 
 export { SuspenseWithBoundary, type SuspenseWithBoundaryProps };

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

@@ -1,19 +1,19 @@
-import * as react from 'react';
+import * as React from 'react';
 
-type ValidSwitchComponentType = react.ReactElement<SwitchMatchProps>;
+type ValidSwitchComponentType = React.ReactElement<SwitchMatchProps>;
 type SwitchProps<TCondition> = {
     children: ValidSwitchComponentType | ValidSwitchComponentType[];
     condition?: TCondition;
 };
 type SwitchMatchProps<TWhen = unknown> = {
-    children: react.ReactNode | ((value: TWhen) => react.ReactNode);
+    children: React.ReactNode | ((value: TWhen) => React.ReactNode);
     when: false | TWhen | null | undefined;
 };
-declare function SwitchRoot<TCondition = true>(props: SwitchProps<TCondition>): react.ReactNode;
-declare function SwitchMatch<TWhen>(props: SwitchMatchProps<TWhen>): react.ReactNode;
+declare function SwitchRoot<TCondition = true>(props: SwitchProps<TCondition>): React.ReactNode;
+declare function SwitchMatch<TWhen>(props: SwitchMatchProps<TWhen>): React.ReactNode;
 declare function SwitchDefault({ children }: {
-    children: react.ReactNode;
-}): react.ReactNode;
+    children: React.ReactNode;
+}): React.ReactNode;
 declare namespace SwitchDefault {
     var slotSymbol: symbol;
 }

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

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

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

@@ -1,14 +1,20 @@
 import '../../chunk-PZ5AY32C.js';
-import { useState } from 'react';
-import { useEffectOnce, useMountEffect } from '@zayne-labs/toolkit-react';
+import { useState, useEffect } from '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;
+  useEffect(() => {
+    if (!to) return;
+    if (insertPosition) return;
+    const destination = isString(to) ? document.querySelector(to) : to;
+    destination && setReactPortal(createPortal(children, destination));
+  }, [to, insertPosition]);
+  useEffect(() => {
+    if (!to) return;
+    if (!insertPosition) return;
     const destination = isString(to) ? document.querySelector(to) : to;
     const tempWrapper = document.createElement("div");
     tempWrapper.style.display = "contents";
@@ -17,12 +23,7 @@ function Teleport(props) {
     return () => {
       tempWrapper.remove();
     };
-  });
-  useMountEffect(() => {
-    if (!to || insertPosition) return;
-    const destination = isString(to) ? document.querySelector(to) : to;
-    destination && setReactPortal(createPortal(children, destination));
-  });
+  }, [to, insertPosition]);
   return reactPortal;
 }
 

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../src/components/common/teleport/teleport.tsx"],"names":[],"mappings":";;;;;AAgBA,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;AAI7E,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,IAAI,CAAC,EAAI,EAAA;AAET,IAAA,IAAI,cAAgB,EAAA;AAEpB,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,GAE/D,EAAA,CAAC,EAAI,EAAA,cAAc,CAAC,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,IAAI,CAAC,EAAI,EAAA;AAET,IAAA,IAAI,CAAC,cAAgB,EAAA;AAErB,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,GAEE,EAAA,CAAC,EAAI,EAAA,cAAc,CAAC,CAAA;AAIvB,EAAO,OAAA,WAAA;AACR","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { type AnyString, isString } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useEffect, 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\t/* eslint-disable react-hooks-extra/no-direct-set-state-in-use-effect -- Allow */\n\n\tuseEffect(() => {\n\t\tif (!to) return;\n\n\t\tif (insertPosition) return;\n\n\t\tconst destination = isString(to) ? document.querySelector<HTMLElement>(to) : to;\n\n\t\tdestination && setReactPortal(createPortal(children, destination));\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- children should not be part of the dependency array\n\t}, [to, insertPosition]);\n\n\tuseEffect(() => {\n\t\tif (!to) return;\n\n\t\tif (!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\t// eslint-disable-next-line react-hooks/exhaustive-deps -- children should not be part of the dependency array\n\t}, [to, insertPosition]);\n\n\t/* eslint-enable react-hooks-extra/no-direct-set-state-in-use-effect -- Allow */\n\n\treturn reactPortal;\n}\n\nexport { Teleport };\n"]}

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

@@ -1,14 +1,14 @@
-import * as react from 'react';
+import * as React from 'react';
 import { PolymorphicProps } from '@zayne-labs/toolkit-react/utils';
 
-declare function CardRoot<TElement extends react.ElementType = "article">(props: PolymorphicProps<TElement>): react.JSX.Element;
-declare function CardHeader<TElement extends react.ElementType = "header">(props: PolymorphicProps<TElement>): react.JSX.Element;
-declare function CardTitle<TElement extends react.ElementType = "h3">(props: PolymorphicProps<TElement>): react.JSX.Element;
-declare function CardDescription<TElement extends react.ElementType = "p">(props: PolymorphicProps<TElement>): react.JSX.Element;
-declare function CardContent<TElement extends react.ElementType = "div">(props: PolymorphicProps<TElement>): react.JSX.Element;
-declare function CardFooter<TElement extends react.ElementType = "footer">(props: PolymorphicProps<TElement, {
+declare function CardRoot<TElement extends React.ElementType = "article">(props: PolymorphicProps<TElement>): React.JSX.Element;
+declare function CardHeader<TElement extends React.ElementType = "header">(props: PolymorphicProps<TElement>): React.JSX.Element;
+declare function CardTitle<TElement extends React.ElementType = "h3">(props: PolymorphicProps<TElement>): React.JSX.Element;
+declare function CardDescription<TElement extends React.ElementType = "p">(props: PolymorphicProps<TElement>): React.JSX.Element;
+declare function CardContent<TElement extends React.ElementType = "div">(props: PolymorphicProps<TElement>): React.JSX.Element;
+declare function CardFooter<TElement extends React.ElementType = "footer">(props: PolymorphicProps<TElement, {
     asChild?: boolean;
-}>): react.JSX.Element;
+}>): React.JSX.Element;
 
 declare namespace cardParts {
   export { CardContent as Content, CardDescription as Description, CardFooter as Footer, CardHeader as Header, CardRoot as Root, CardTitle as Title };

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

@@ -1,5 +1,5 @@
 import { cnMerge } from '../../chunk-OHG7GB7O.js';
-import { Slot } from '../../chunk-L2SROZYQ.js';
+import { Slot } from '../../chunk-2P3P5AXH.js';
 import { __export } from '../../chunk-PZ5AY32C.js';
 import * as React from 'react';
 
@@ -17,7 +17,7 @@ function CardTitle(props) {
 }
 function CardDescription(props) {
   const { as: Element = "p", className, ...restOfProps } = props;
-  return /* @__PURE__ */ React.createElement(Element, { className: cnMerge("text-sm text-shadcn-muted-foreground", className), ...restOfProps });
+  return /* @__PURE__ */ React.createElement(Element, { className: cnMerge("text-shadcn-muted-foreground text-sm", className), ...restOfProps });
 }
 function CardContent(props) {
   const { as: Element = "div", ...restOfProps } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/card/card.tsx","../../../../src/components/ui/card/card-parts.ts"],"names":[],"mappings":";;;;;AAMO,SAAS,SACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEpD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,WACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,QAAU,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEnD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,UAAqD,KAAmC,EAAA;AACvG,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,MAAM,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE1D,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,SAAW,EAAA,OAAA,CAAQ,iBAAiB,SAAS,CAAA,EAAI,GAAG,WAAa,EAAA,CAAA;AAClF;AAEO,SAAS,gBACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,KAAK,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEzD,EACC,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,SAAW,EAAA,OAAA,CAAQ,wCAAwC,SAAS,CAAA,EAAI,GAAG,WAAa,EAAA,CAAA;AAEnG;AAEO,SAAS,YACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,KAAO,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEhD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,WACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,UAAU,OAAS,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE5D,EAAM,MAAA,SAAA,GAAY,UAAU,IAAO,GAAA,OAAA;AAEnC,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AACpC;;;ACtDA,IAAA,kBAAA,GAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA,WAAA;AAAA,EAAA,WAAA,EAAA,MAAA,eAAA;AAAA,EAAA,MAAA,EAAA,MAAA,UAAA;AAAA,EAAA,MAAA,EAAA,MAAA,UAAA;AAAA,EAAA,IAAA,EAAA,MAAA,QAAA;AAAA,EAAA,KAAA,EAAA,MAAA;AAAA,CAAA,CAAA","file":"index.js","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 <Element {...restOfProps} />;\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 <Element {...restOfProps} />;\n}\n\nexport function CardTitle<TElement extends React.ElementType = \"h3\">(props: PolymorphicProps<TElement>) {\n\tconst { as: Element = \"h3\", className, ...restOfProps } = props;\n\n\treturn <Element className={cnMerge(\"font-semibold\", className)} {...restOfProps} />;\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 className={cnMerge(\"text-sm text-shadcn-muted-foreground\", className)} {...restOfProps} />\n\t);\n}\n\nexport function CardContent<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"div\", ...restOfProps } = props;\n\n\treturn <Element {...restOfProps} />;\n}\n\nexport function CardFooter<TElement extends React.ElementType = \"footer\">(\n\tprops: PolymorphicProps<TElement, { asChild?: boolean }>\n) {\n\tconst { as: Element = \"footer\", asChild, ...restOfProps } = props;\n\n\tconst Component = asChild ? Slot : Element;\n\n\treturn <Component {...restOfProps} />;\n}\n","export {\n\tCardContent as Content,\n\tCardDescription as Description,\n\tCardFooter as Footer,\n\tCardHeader as Header,\n\tCardRoot as Root,\n\tCardTitle as Title,\n} from \"./card\";\n"]}
+{"version":3,"sources":["../../../../src/components/ui/card/card.tsx","../../../../src/components/ui/card/card-parts.ts"],"names":[],"mappings":";;;;;AAMO,SAAS,SACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEpD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,WACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,QAAU,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEnD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,UAAqD,KAAmC,EAAA;AACvG,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,MAAM,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE1D,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,SAAW,EAAA,OAAA,CAAQ,iBAAiB,SAAS,CAAA,EAAI,GAAG,WAAa,EAAA,CAAA;AAClF;AAEO,SAAS,gBACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,KAAK,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEzD,EACC,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,SAAW,EAAA,OAAA,CAAQ,wCAAwC,SAAS,CAAA,EAAI,GAAG,WAAa,EAAA,CAAA;AAEnG;AAEO,SAAS,YACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,KAAO,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEhD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,WACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,UAAU,OAAS,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE5D,EAAM,MAAA,SAAA,GAAY,UAAU,IAAO,GAAA,OAAA;AAEnC,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AACpC;;;ACtDA,IAAA,kBAAA,GAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA,WAAA;AAAA,EAAA,WAAA,EAAA,MAAA,eAAA;AAAA,EAAA,MAAA,EAAA,MAAA,UAAA;AAAA,EAAA,MAAA,EAAA,MAAA,UAAA;AAAA,EAAA,IAAA,EAAA,MAAA,QAAA;AAAA,EAAA,KAAA,EAAA,MAAA;AAAA,CAAA,CAAA","file":"index.js","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 <Element {...restOfProps} />;\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 <Element {...restOfProps} />;\n}\n\nexport function CardTitle<TElement extends React.ElementType = \"h3\">(props: PolymorphicProps<TElement>) {\n\tconst { as: Element = \"h3\", className, ...restOfProps } = props;\n\n\treturn <Element className={cnMerge(\"font-semibold\", className)} {...restOfProps} />;\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 className={cnMerge(\"text-shadcn-muted-foreground text-sm\", className)} {...restOfProps} />\n\t);\n}\n\nexport function CardContent<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"div\", ...restOfProps } = props;\n\n\treturn <Element {...restOfProps} />;\n}\n\nexport function CardFooter<TElement extends React.ElementType = \"footer\">(\n\tprops: PolymorphicProps<TElement, { asChild?: boolean }>\n) {\n\tconst { as: Element = \"footer\", asChild, ...restOfProps } = props;\n\n\tconst Component = asChild ? Slot : Element;\n\n\treturn <Component {...restOfProps} />;\n}\n","export {\n\tCardContent as Content,\n\tCardDescription as Description,\n\tCardFooter as Footer,\n\tCardHeader as Header,\n\tCardRoot as Root,\n\tCardTitle as Title,\n} from \"./card\";\n"]}

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

@@ -1,7 +1,7 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { DiscriminatedRenderProps, PolymorphicProps } from '@zayne-labs/toolkit-react/utils';
+import { StoreApi } from '@zayne-labs/toolkit-core';
 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> = {
@@ -75,16 +75,16 @@ type OtherCarouselProps = {
     style?: React.CSSProperties;
 };
 
-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 CarouselItemGroup<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 CarouselIndicatorGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): react.JSX.Element;
-declare function CarouselIndicator(props: CarouselIndicatorProps): react.JSX.Element;
+declare function CarouselContent<TElement extends React$1.ElementType = "article">(props: PolymorphicProps<TElement, CarouselContentProps>): React$1.JSX.Element;
+declare function CarouselButton(props: CarouselButtonsProps): React$1.JSX.Element;
+declare function CarouselControls(props: CarouselControlProps): React$1.JSX.Element;
+declare function CarouselItemGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): React$1.JSX.Element;
+declare function CarouselItem({ children, className, ...restOfProps }: OtherCarouselProps): React$1.JSX.Element;
+declare function CarouselCaption<TElement extends React$1.ElementType = "div">(props: PolymorphicProps<TElement, OtherCarouselProps>): React$1.JSX.Element;
+declare function CarouselIndicatorGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): React$1.JSX.Element;
+declare function CarouselIndicator(props: CarouselIndicatorProps): React$1.JSX.Element;
 
-declare function CarouselContextProvider<TImages extends ImagesType>(props: CarouselProviderProps<TImages>): react.JSX.Element;
+declare function CarouselContextProvider<TImages extends ImagesType>(props: CarouselProviderProps<TImages>): React$1.JSX.Element;
 
 declare namespace carouselParts {
   export { CarouselButton as Button, CarouselCaption as Caption, CarouselContent as Content, CarouselControls as Controls, CarouselIndicator as Indicator, CarouselIndicatorGroup as IndicatorGroup, CarouselItem as Item, CarouselItemGroup as ItemGroup, CarouselContextProvider as Root };