@bitrise/bitkit-v2 0.3.192 → 0.3.194

package/dist/components/BitkitDialog/BitkitDialog.d.ts

@@ -1,7 +1,7 @@
 import { Dialog } from '@chakra-ui/react/dialog';
 import { ReactNode } from 'react';
 export interface BitkitDialogProps {
-    label?: string;
+    headerLabel?: string;
     maxHeight?: string;
     onOpenChange?: (details: {
         open: boolean;
@@ -16,7 +16,7 @@ export interface BitkitDialogProps {
     children?: ReactNode;
 }
 declare const BitkitDialog: {
-    ({ label, maxHeight, onOpenChange, open, title, trigger, children, preventScroll, scrollBehavior, showScrollGradient, size, }: BitkitDialogProps): import("react/jsx-runtime").JSX.Element;
+    ({ headerLabel, maxHeight, onOpenChange, open, title, trigger, children, preventScroll, scrollBehavior, showScrollGradient, size, }: BitkitDialogProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const BitkitDialogActionTrigger: import('react').ForwardRefExoticComponent<Dialog.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/BitkitDialog/BitkitDialog.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@chakra-ui/react/portal";
 import { Dialog } from "@chakra-ui/react/dialog";
 //#region lib/components/BitkitDialog/BitkitDialog.tsx
-var BitkitDialog = ({ label, maxHeight, onOpenChange, open, title, trigger, children, preventScroll, scrollBehavior, showScrollGradient, size }) => /* @__PURE__ */ jsxs(BitkitDialogRoot, {
+var BitkitDialog = ({ headerLabel, maxHeight, onOpenChange, open, title, trigger, children, preventScroll, scrollBehavior, showScrollGradient, size }) => /* @__PURE__ */ jsxs(BitkitDialogRoot, {
 	open,
 	preventScroll,
 	scrollBehavior,
@@ -14,7 +14,7 @@ var BitkitDialog = ({ label, maxHeight, onOpenChange, open, title, trigger, chil
 		asChild: true,
 		children: trigger
 	}), /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(BitkitDialogContent, {
-		label,
+		headerLabel,
 		maxHeight,
 		scrollBehavior,
 		showScrollGradient,

package/dist/components/BitkitDialog/BitkitDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitDialog.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialog.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type ReactNode } from 'react';\n\nimport BitkitDialogContent from './BitkitDialogContent';\nimport BitkitDialogRoot from './BitkitDialogRoot';\n\nexport interface BitkitDialogProps {\n  label?: string;\n  maxHeight?: string;\n  onOpenChange?: (details: { open: boolean }) => void;\n  open?: boolean;\n  preventScroll?: boolean;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n  title: ReactNode;\n  trigger?: ReactNode;\n  children?: ReactNode;\n}\n\nconst BitkitDialog = ({\n  label,\n  maxHeight,\n  onOpenChange,\n  open,\n  title,\n  trigger,\n  children,\n  preventScroll,\n  scrollBehavior,\n  showScrollGradient,\n  size,\n}: BitkitDialogProps) => (\n  <BitkitDialogRoot\n    open={open}\n    preventScroll={preventScroll}\n    scrollBehavior={scrollBehavior}\n    size={size}\n    onOpenChange={onOpenChange}\n  >\n    {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n    <Portal>\n      <Dialog.Backdrop />\n      <Dialog.Positioner>\n        <BitkitDialogContent\n          label={label}\n          maxHeight={maxHeight}\n          scrollBehavior={scrollBehavior}\n          showScrollGradient={showScrollGradient}\n          title={title}\n        >\n          {children}\n        </BitkitDialogContent>\n      </Dialog.Positioner>\n    </Portal>\n  </BitkitDialogRoot>\n);\n\nexport const BitkitDialogActionTrigger = Dialog.ActionTrigger;\nexport const BitkitDialogFooter = Dialog.Footer;\n\nBitkitDialog.displayName = 'BitkitDialog';\n\nexport default BitkitDialog;\n"],"mappings":";;;;;;AAqBA,IAAM,gBAAgB,EACpB,OACA,WACA,cACA,MACA,OACA,SACA,UACA,eACA,gBACA,oBACA,WAEA,qBAAC,kBAAD;CACQ;CACS;CACC;CACV;CACQ;WALhB,CAOG,WAAW,oBAAC,OAAO,SAAR;EAAgB,SAAA;YAAS;EAAyB,CAAA,EAC9D,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,OAAO,UAAR,EAAmB,CAAA,EACnB,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,qBAAD;EACS;EACI;EACK;EACI;EACb;EAEN;EACmB,CAAA,EACJ,CAAA,CACb,EAAA,CAAA,CACQ;;AAGoB,OAAO;AACd,OAAO;AAEzC,aAAa,cAAc"}
+{"version":3,"file":"BitkitDialog.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialog.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type ReactNode } from 'react';\n\nimport BitkitDialogContent from './BitkitDialogContent';\nimport BitkitDialogRoot from './BitkitDialogRoot';\n\nexport interface BitkitDialogProps {\n  headerLabel?: string;\n  maxHeight?: string;\n  onOpenChange?: (details: { open: boolean }) => void;\n  open?: boolean;\n  preventScroll?: boolean;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n  title: ReactNode;\n  trigger?: ReactNode;\n  children?: ReactNode;\n}\n\nconst BitkitDialog = ({\n  headerLabel,\n  maxHeight,\n  onOpenChange,\n  open,\n  title,\n  trigger,\n  children,\n  preventScroll,\n  scrollBehavior,\n  showScrollGradient,\n  size,\n}: BitkitDialogProps) => (\n  <BitkitDialogRoot\n    open={open}\n    preventScroll={preventScroll}\n    scrollBehavior={scrollBehavior}\n    size={size}\n    onOpenChange={onOpenChange}\n  >\n    {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n    <Portal>\n      <Dialog.Backdrop />\n      <Dialog.Positioner>\n        <BitkitDialogContent\n          headerLabel={headerLabel}\n          maxHeight={maxHeight}\n          scrollBehavior={scrollBehavior}\n          showScrollGradient={showScrollGradient}\n          title={title}\n        >\n          {children}\n        </BitkitDialogContent>\n      </Dialog.Positioner>\n    </Portal>\n  </BitkitDialogRoot>\n);\n\nexport const BitkitDialogActionTrigger = Dialog.ActionTrigger;\nexport const BitkitDialogFooter = Dialog.Footer;\n\nBitkitDialog.displayName = 'BitkitDialog';\n\nexport default BitkitDialog;\n"],"mappings":";;;;;;AAqBA,IAAM,gBAAgB,EACpB,aACA,WACA,cACA,MACA,OACA,SACA,UACA,eACA,gBACA,oBACA,WAEA,qBAAC,kBAAD;CACQ;CACS;CACC;CACV;CACQ;WALhB,CAOG,WAAW,oBAAC,OAAO,SAAR;EAAgB,SAAA;YAAS;EAAyB,CAAA,EAC9D,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,OAAO,UAAR,EAAmB,CAAA,EACnB,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,qBAAD;EACe;EACF;EACK;EACI;EACb;EAEN;EACmB,CAAA,EACJ,CAAA,CACb,EAAA,CAAA,CACQ;;AAGoB,OAAO;AACd,OAAO;AAEzC,aAAa,cAAc"}

package/dist/components/BitkitDialog/BitkitDialogButtons.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export type BitkitDialogButtonsProps = BoxProps;
+declare const BitkitDialogButtons: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitDialogButtons;

package/dist/components/BitkitDialog/BitkitDialogButtons.js

@@ -0,0 +1,17 @@
+import { Box } from "@chakra-ui/react/box";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region lib/components/BitkitDialog/BitkitDialogButtons.tsx
+var BitkitDialogButtons = forwardRef((props, ref) => /* @__PURE__ */ jsx(Box, {
+	ref,
+	display: "flex",
+	gap: "16",
+	justifyContent: "flex-end",
+	paddingBlockStart: "24",
+	...props
+}));
+BitkitDialogButtons.displayName = "BitkitDialogButtons";
+//#endregion
+export { BitkitDialogButtons as default };
+
+//# sourceMappingURL=BitkitDialogButtons.js.map

package/dist/components/BitkitDialog/BitkitDialogButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDialogButtons.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogButtons.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { forwardRef } from 'react';\n\nexport type BitkitDialogButtonsProps = BoxProps;\n\nconst BitkitDialogButtons = forwardRef<HTMLDivElement, BitkitDialogButtonsProps>((props, ref) => (\n  <Box ref={ref} display=\"flex\" gap=\"16\" justifyContent=\"flex-end\" paddingBlockStart=\"24\" {...props} />\n));\n\nBitkitDialogButtons.displayName = 'BitkitDialogButtons';\n\nexport default BitkitDialogButtons;\n"],"mappings":";;;;AAKA,IAAM,sBAAsB,YAAsD,OAAO,QACvF,oBAAC,KAAD;CAAU;CAAK,SAAQ;CAAO,KAAI;CAAK,gBAAe;CAAW,mBAAkB;CAAK,GAAI;CAAS,CAAA,CACrG;AAEF,oBAAoB,cAAc"}

package/dist/components/BitkitDialog/BitkitDialogContent.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 export interface BitkitDialogContentProps {
-    label?: string;
+    headerLabel?: string;
     maxHeight?: string;
     scrollBehavior?: 'inside' | 'outside';
     showScrollGradient?: boolean;
     title: ReactNode;
     children?: ReactNode;
 }
-declare const BitkitDialogContent: ({ label, maxHeight, title, scrollBehavior, showScrollGradient, children, }: BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitDialogContent: ({ headerLabel, maxHeight, title, scrollBehavior, showScrollGradient, children, }: BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
 export default BitkitDialogContent;

package/dist/components/BitkitDialog/BitkitDialogContent.js

@@ -5,7 +5,7 @@ import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@chakra-ui/react/dialog";
 //#region lib/components/BitkitDialog/BitkitDialogContent.tsx
-var BitkitDialogContent = ({ label, maxHeight, title, scrollBehavior = "outside", showScrollGradient = true, children }) => {
+var BitkitDialogContent = ({ headerLabel, maxHeight, title, scrollBehavior = "outside", showScrollGradient = true, children }) => {
 	const styles = useSlotRecipe({ key: "dialog" })({});
 	return /* @__PURE__ */ jsx(Dialog.Content, {
 		maxHeight,
@@ -18,9 +18,9 @@ var BitkitDialogContent = ({ label, maxHeight, title, scrollBehavior = "outside"
 				display: "flex",
 				flexDirection: "column",
 				gap: "4",
-				children: [label && /* @__PURE__ */ jsx(chakra.p, {
+				children: [headerLabel && /* @__PURE__ */ jsx(chakra.p, {
 					css: styles.label,
-					children: label
+					children: headerLabel
 				}), /* @__PURE__ */ jsx(Dialog.Title, { children: title })]
 			}), /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
 				asChild: true,

package/dist/components/BitkitDialog/BitkitDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitDialogContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { DialogBodyContext } from './BitkitDialogBody';\n\nexport interface BitkitDialogContentProps {\n  label?: string;\n  maxHeight?: string;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  title: ReactNode;\n  children?: ReactNode;\n}\n\nconst BitkitDialogContent = ({\n  label,\n  maxHeight,\n  title,\n  scrollBehavior = 'outside',\n  showScrollGradient = true,\n  children,\n}: BitkitDialogContentProps) => {\n  const recipe = useSlotRecipe({ key: 'dialog' });\n  const styles = recipe({}) as Record<string, SystemStyleObject>;\n\n  return (\n    <Dialog.Content maxHeight={maxHeight}>\n      <DialogBodyContext.Provider value={{ scrollBehavior, showScrollGradient }}>\n        <Dialog.Header>\n          <Box display=\"flex\" flexDirection=\"column\" gap=\"4\">\n            {label && <chakra.p css={styles.label}>{label}</chakra.p>}\n            <Dialog.Title>{title}</Dialog.Title>\n          </Box>\n          <Dialog.CloseTrigger asChild>\n            <BitkitCloseButton size=\"md\" />\n          </Dialog.CloseTrigger>\n        </Dialog.Header>\n        {children}\n      </DialogBodyContext.Provider>\n    </Dialog.Content>\n  );\n};\n\nexport default BitkitDialogContent;\n"],"mappings":";;;;;;;AAiBA,IAAM,uBAAuB,EAC3B,OACA,WACA,OACA,iBAAiB,WACjB,qBAAqB,MACrB,eAC8B;CAE9B,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAAC,CACzB,EAAE,CAAC;AAEzB,QACE,oBAAC,OAAO,SAAR;EAA2B;YACzB,qBAAC,kBAAkB,UAAnB;GAA4B,OAAO;IAAE;IAAgB;IAAoB;aAAzE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA,CACE,qBAAC,KAAD;IAAK,SAAQ;IAAO,eAAc;IAAS,KAAI;cAA/C,CACG,SAAS,oBAAC,OAAO,GAAR;KAAU,KAAK,OAAO;eAAQ;KAAiB,CAAA,EACzD,oBAAC,OAAO,OAAR,EAAA,UAAe,OAAqB,CAAA,CAChC;OACN,oBAAC,OAAO,cAAR;IAAqB,SAAA;cACnB,oBAAC,mBAAD,EAAmB,MAAK,MAAO,CAAA;IACX,CAAA,CACR,EAAA,CAAA,EACf,SAC0B;;EACd,CAAA"}
+{"version":3,"file":"BitkitDialogContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { DialogBodyContext } from './BitkitDialogBody';\n\nexport interface BitkitDialogContentProps {\n  headerLabel?: string;\n  maxHeight?: string;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  title: ReactNode;\n  children?: ReactNode;\n}\n\nconst BitkitDialogContent = ({\n  headerLabel,\n  maxHeight,\n  title,\n  scrollBehavior = 'outside',\n  showScrollGradient = true,\n  children,\n}: BitkitDialogContentProps) => {\n  const recipe = useSlotRecipe({ key: 'dialog' });\n  const styles = recipe({}) as Record<string, SystemStyleObject>;\n\n  return (\n    <Dialog.Content maxHeight={maxHeight}>\n      <DialogBodyContext.Provider value={{ scrollBehavior, showScrollGradient }}>\n        <Dialog.Header>\n          <Box display=\"flex\" flexDirection=\"column\" gap=\"4\">\n            {headerLabel && <chakra.p css={styles.label}>{headerLabel}</chakra.p>}\n            <Dialog.Title>{title}</Dialog.Title>\n          </Box>\n          <Dialog.CloseTrigger asChild>\n            <BitkitCloseButton size=\"md\" />\n          </Dialog.CloseTrigger>\n        </Dialog.Header>\n        {children}\n      </DialogBodyContext.Provider>\n    </Dialog.Content>\n  );\n};\n\nexport default BitkitDialogContent;\n"],"mappings":";;;;;;;AAiBA,IAAM,uBAAuB,EAC3B,aACA,WACA,OACA,iBAAiB,WACjB,qBAAqB,MACrB,eAC8B;CAE9B,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAAC,CACzB,EAAE,CAAC;AAEzB,QACE,oBAAC,OAAO,SAAR;EAA2B;YACzB,qBAAC,kBAAkB,UAAnB;GAA4B,OAAO;IAAE;IAAgB;IAAoB;aAAzE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA,CACE,qBAAC,KAAD;IAAK,SAAQ;IAAO,eAAc;IAAS,KAAI;cAA/C,CACG,eAAe,oBAAC,OAAO,GAAR;KAAU,KAAK,OAAO;eAAQ;KAAuB,CAAA,EACrE,oBAAC,OAAO,OAAR,EAAA,UAAe,OAAqB,CAAA,CAChC;OACN,oBAAC,OAAO,cAAR;IAAqB,SAAA;cACnB,oBAAC,mBAAD,EAAmB,MAAK,MAAO,CAAA;IACX,CAAA,CACR,EAAA,CAAA,EACf,SAC0B;;EACd,CAAA"}

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.d.ts

@@ -1,12 +1,16 @@
 import { NativeSelectRootProps } from '@chakra-ui/react/native-select';
-import { ReactNode } from 'react';
+import { ChangeEventHandler, ReactNode } from 'react';
 import { BitkitFieldProps } from '../BitkitField/BitkitField.tsx';
-export interface BitkitNativeSelectProps extends Omit<BitkitFieldProps, 'children' | 'disabled' | 'invalid' | 'readOnly'> {
+export interface BitkitNativeSelectProps extends Omit<BitkitFieldProps, 'children' | 'disabled' | 'invalid' | 'onChange' | 'readOnly'> {
     children: ReactNode;
+    defaultValue?: string;
+    name?: string;
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
     placeholder?: string;
     selectProps?: NativeSelectRootProps;
     size?: 'md' | 'lg';
     state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    value?: string;
 }
-declare const BitkitNativeSelect: import('react').ForwardRefExoticComponent<BitkitNativeSelectProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const BitkitNativeSelect: import('react').ForwardRefExoticComponent<BitkitNativeSelectProps & import('react').RefAttributes<HTMLSelectElement>>;
 export default BitkitNativeSelect;

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js

@@ -6,12 +6,21 @@ import { useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NativeSelect } from "@chakra-ui/react/native-select";
+import { splitProps } from "@zag-js/utils";
 //#region lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx
+var FIELD_PROPS = [
+	"defaultValue",
+	"name",
+	"onChange",
+	"placeholder",
+	"value"
+];
 var BitkitNativeSelect = forwardRef((props, ref) => {
-	const { children, placeholder, selectProps, size = "md", state, ...fieldProps } = props;
+	const { children, selectProps, size = "md", state, ...rest } = props;
+	const [nativeFieldProps, bitkitFieldProps] = splitProps(rest, [...FIELD_PROPS]);
 	const styles = useSlotRecipe({ key: "nativeSelect" })();
-	const hasWarning = state === "warning" || !!fieldProps.warningText;
-	const isInvalid = state === "error" || !!fieldProps.errorText;
+	const hasWarning = state === "warning" || !!bitkitFieldProps.warningText;
+	const isInvalid = state === "error" || !!bitkitFieldProps.errorText;
 	let statusIcon = void 0;
 	if (isInvalid) statusIcon = /* @__PURE__ */ jsx(IconErrorCircleFilled, {
 		size: size === "lg" ? "24" : "16",
@@ -24,16 +33,16 @@ var BitkitNativeSelect = forwardRef((props, ref) => {
 		color: "icon/warning"
 	});
 	return /* @__PURE__ */ jsx(BitkitField, {
-		ref,
 		state,
-		...fieldProps,
+		...bitkitFieldProps,
 		children: /* @__PURE__ */ jsxs(NativeSelect.Root, {
 			size,
 			...selectProps,
 			className: "group",
 			children: [
 				/* @__PURE__ */ jsx(NativeSelect.Field, {
-					placeholder,
+					ref,
+					...nativeFieldProps,
 					children
 				}),
 				statusIcon,

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitNativeSelect.js","names":[],"sources":["../../../lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx"],"sourcesContent":["import { NativeSelect, type NativeSelectRootProps } from '@chakra-ui/react/native-select';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\n\nexport interface BitkitNativeSelectProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'readOnly'\n> {\n  children: ReactNode;\n  placeholder?: string;\n  selectProps?: NativeSelectRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n}\n\nconst BitkitNativeSelect = forwardRef<HTMLDivElement, BitkitNativeSelectProps>(\n  (props: BitkitNativeSelectProps, ref) => {\n    const { children, placeholder, selectProps, size = 'md', state, ...fieldProps } = props;\n\n    const recipe = useSlotRecipe({ key: 'nativeSelect' });\n    const styles = recipe();\n\n    const hasWarning = state === 'warning' || !!fieldProps.warningText;\n    const isInvalid = state === 'error' || !!fieldProps.errorText;\n\n    let statusIcon = undefined;\n    if (isInvalid) {\n      statusIcon = (\n        <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/negative\" />\n      );\n    } else if (hasWarning) {\n      statusIcon = (\n        <IconWarningYellow size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/warning\" />\n      );\n    }\n\n    return (\n      <BitkitField ref={ref} state={state} {...fieldProps}>\n        <NativeSelect.Root size={size} {...selectProps} className=\"group\">\n          <NativeSelect.Field placeholder={placeholder}>{children}</NativeSelect.Field>\n          {statusIcon}\n          <NativeSelect.Indicator asChild>\n            <AssetSelectChevron />\n          </NativeSelect.Indicator>\n        </NativeSelect.Root>\n      </BitkitField>\n    );\n  },\n);\n\nBitkitNativeSelect.displayName = 'BitkitNativeSelect';\n\nexport default BitkitNativeSelect;\n"],"mappings":";;;;;;;;;AAmBA,IAAM,qBAAqB,YACxB,OAAgC,QAAQ;CACvC,MAAM,EAAE,UAAU,aAAa,aAAa,OAAO,MAAM,OAAO,GAAG,eAAe;CAGlF,MAAM,SADS,cAAc,EAAE,KAAK,gBAAgB,CAAC,EAC9B;CAEvB,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CAEpD,IAAI,aAAa,KAAA;AACjB,KAAI,UACF,cACE,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;EAAkB,CAAA;UAEnG,WACT,cACE,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;EAAiB,CAAA;AAIzG,QACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,aAAa,MAAd;GAAyB;GAAM,GAAI;GAAa,WAAU;aAA1D;IACE,oBAAC,aAAa,OAAd;KAAiC;KAAc;KAA8B,CAAA;IAC5E;IACD,oBAAC,aAAa,WAAd;KAAwB,SAAA;eACtB,oBAAC,oBAAD,EAAsB,CAAA;KACC,CAAA;IACP;;EACR,CAAA;EAGnB;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitNativeSelect.js","names":[],"sources":["../../../lib/components/BitkitNativeSelect/BitkitNativeSelect.tsx"],"sourcesContent":["import { NativeSelect, type NativeSelectRootProps } from '@chakra-ui/react/native-select';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { splitProps } from '@zag-js/utils';\nimport { type ChangeEventHandler, forwardRef, type ReactNode } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\n\nconst FIELD_PROPS = ['defaultValue', 'name', 'onChange', 'placeholder', 'value'] as const;\n\nexport interface BitkitNativeSelectProps extends Omit<\n  BitkitFieldProps,\n  'children' | 'disabled' | 'invalid' | 'onChange' | 'readOnly'\n> {\n  children: ReactNode;\n  defaultValue?: string;\n  name?: string;\n  onChange?: ChangeEventHandler<HTMLSelectElement>;\n  placeholder?: string;\n  selectProps?: NativeSelectRootProps;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  value?: string;\n}\n\nconst BitkitNativeSelect = forwardRef<HTMLSelectElement, BitkitNativeSelectProps>(\n  (props: BitkitNativeSelectProps, ref) => {\n    const { children, selectProps, size = 'md', state, ...rest } = props;\n    const [nativeFieldProps, bitkitFieldProps] = splitProps(rest, [...FIELD_PROPS]);\n\n    const recipe = useSlotRecipe({ key: 'nativeSelect' });\n    const styles = recipe();\n\n    const hasWarning = state === 'warning' || !!bitkitFieldProps.warningText;\n    const isInvalid = state === 'error' || !!bitkitFieldProps.errorText;\n\n    let statusIcon = undefined;\n    if (isInvalid) {\n      statusIcon = (\n        <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/negative\" />\n      );\n    } else if (hasWarning) {\n      statusIcon = (\n        <IconWarningYellow size={size === 'lg' ? '24' : '16'} css={styles.statusIcon} color=\"icon/warning\" />\n      );\n    }\n\n    return (\n      <BitkitField state={state} {...bitkitFieldProps}>\n        <NativeSelect.Root size={size} {...selectProps} className=\"group\">\n          <NativeSelect.Field ref={ref} {...nativeFieldProps}>\n            {children}\n          </NativeSelect.Field>\n          {statusIcon}\n          <NativeSelect.Indicator asChild>\n            <AssetSelectChevron />\n          </NativeSelect.Indicator>\n        </NativeSelect.Root>\n      </BitkitField>\n    );\n  },\n);\n\nBitkitNativeSelect.displayName = 'BitkitNativeSelect';\n\nexport default BitkitNativeSelect;\n"],"mappings":";;;;;;;;;;AASA,IAAM,cAAc;CAAC;CAAgB;CAAQ;CAAY;CAAe;CAAQ;AAiBhF,IAAM,qBAAqB,YACxB,OAAgC,QAAQ;CACvC,MAAM,EAAE,UAAU,aAAa,OAAO,MAAM,OAAO,GAAG,SAAS;CAC/D,MAAM,CAAC,kBAAkB,oBAAoB,WAAW,MAAM,CAAC,GAAG,YAAY,CAAC;CAG/E,MAAM,SADS,cAAc,EAAE,KAAK,gBAAgB,CAAC,EAC9B;CAEvB,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,iBAAiB;CAC7D,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,iBAAiB;CAE1D,IAAI,aAAa,KAAA;AACjB,KAAI,UACF,cACE,oBAAC,uBAAD;EAAuB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;EAAkB,CAAA;UAEnG,WACT,cACE,oBAAC,mBAAD;EAAmB,MAAM,SAAS,OAAO,OAAO;EAAM,KAAK,OAAO;EAAY,OAAM;EAAiB,CAAA;AAIzG,QACE,oBAAC,aAAD;EAAoB;EAAO,GAAI;YAC7B,qBAAC,aAAa,MAAd;GAAyB;GAAM,GAAI;GAAa,WAAU;aAA1D;IACE,oBAAC,aAAa,OAAd;KAAyB;KAAK,GAAI;KAC/B;KACkB,CAAA;IACpB;IACD,oBAAC,aAAa,WAAd;KAAwB,SAAA;eACtB,oBAAC,oBAAD,EAAsB,CAAA;KACC,CAAA;IACP;;EACR,CAAA;EAGnB;AAED,mBAAmB,cAAc"}

package/dist/components/BitkitPagination/BitkitPagination.d.ts

@@ -0,0 +1,21 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export interface BitkitPaginationLabels {
+    items?: string;
+    itemsPerPage?: string;
+    nextPage?: string;
+    pages?: string;
+    previousPage?: string;
+}
+export interface BitkitPaginationProps extends Omit<BoxProps, 'colorPalette' | 'page'> {
+    labels?: BitkitPaginationLabels;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    page: number;
+    pageSize: number;
+    pageSizeOptions?: number[];
+    state?: 'skeleton';
+    totalItems: number;
+    variant?: 'card' | 'page' | 'table';
+}
+declare const BitkitPagination: import('react').ForwardRefExoticComponent<BitkitPaginationProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitPagination;

package/dist/components/BitkitPagination/BitkitPagination.js

@@ -0,0 +1,141 @@
+import IconChevronLeft from "../../icons/IconChevronLeft.js";
+import IconChevronRight from "../../icons/IconChevronRight.js";
+import BitkitIconButton from "../BitkitIconButton/BitkitIconButton.js";
+import BitkitNativeSelect from "../BitkitNativeSelect/BitkitNativeSelect.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
+import { Separator } from "@chakra-ui/react/separator";
+//#region lib/components/BitkitPagination/BitkitPagination.tsx
+var DEFAULT_LABELS = {
+	items: "{start}–{end} of {total} items",
+	itemsPerPage: "Items per page:",
+	nextPage: "Next page",
+	pages: "of {totalPages} pages",
+	previousPage: "Previous page"
+};
+var formatLabel = (template, values) => Object.entries(values).reduce((str, [key, val]) => str.replaceAll(`{${key}}`, String(val)), template);
+var BitkitPagination = forwardRef((props, ref) => {
+	const { labels: labelsProp, onPageChange, onPageSizeChange, page, pageSize, pageSizeOptions = [
+		10,
+		25,
+		50
+	], state, totalItems, variant = "table", ...rest } = props;
+	const styles = useSlotRecipe({ key: "pagination" })({ variant });
+	const safePageSize = Math.max(1, pageSize);
+	const totalPages = Math.max(1, Math.ceil(totalItems / safePageSize));
+	const safePage = Math.min(Math.max(1, page), totalPages);
+	const start = totalItems === 0 ? 0 : (safePage - 1) * safePageSize + 1;
+	const end = Math.min(safePage * safePageSize, totalItems);
+	const isFirstPage = safePage <= 1;
+	const isLastPage = safePage >= totalPages;
+	const isSkeleton = state === "skeleton";
+	const showItemsPerPage = variant !== "card";
+	const values = {
+		end,
+		start,
+		total: totalItems,
+		totalPages
+	};
+	const labels = Object.fromEntries(Object.entries({
+		...DEFAULT_LABELS,
+		...labelsProp
+	}).map(([k, v]) => [k, formatLabel(v, values)]));
+	const pageSizeItems = useMemo(() => pageSizeOptions.map((opt) => ({
+		label: String(opt),
+		value: String(opt)
+	})), [pageSizeOptions]);
+	const pageItems = useMemo(() => Array.from({ length: totalPages }, (_, i) => ({
+		label: String(i + 1),
+		value: String(i + 1)
+	})), [totalPages]);
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		css: styles.root,
+		...rest,
+		children: [/* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.itemsBlock,
+			children: [showItemsPerPage && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(chakra.span, {
+					css: styles.text,
+					children: labels.itemsPerPage
+				}),
+				/* @__PURE__ */ jsx(BitkitNativeSelect, {
+					css: styles.itemsSelect,
+					onChange: (e) => onPageSizeChange?.(Number(e.target.value)),
+					size: "md",
+					state: isSkeleton ? "disabled" : void 0,
+					value: String(safePageSize),
+					children: pageSizeItems.map((opt) => /* @__PURE__ */ jsx("option", {
+						value: opt.value,
+						children: opt.label
+					}, opt.value))
+				}),
+				/* @__PURE__ */ jsx(Separator, {
+					alignSelf: "stretch",
+					borderColor: "border/minimal",
+					marginInline: "8",
+					orientation: "vertical"
+				})
+			] }), isSkeleton ? /* @__PURE__ */ jsx(Skeleton, {
+				height: "20",
+				width: "96"
+			}) : /* @__PURE__ */ jsx(chakra.span, {
+				css: styles.text,
+				children: labels.items
+			})]
+		}), /* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.pageBlock,
+			children: [
+				/* @__PURE__ */ jsx(Separator, {
+					alignSelf: "stretch",
+					borderColor: "border/minimal",
+					marginInline: "8",
+					orientation: "vertical"
+				}),
+				/* @__PURE__ */ jsx(BitkitNativeSelect, {
+					css: styles.pageSelect,
+					onChange: (e) => onPageChange?.(Number(e.target.value)),
+					size: "md",
+					state: isSkeleton ? "disabled" : void 0,
+					value: String(safePage),
+					children: pageItems.map((opt) => /* @__PURE__ */ jsx("option", {
+						value: opt.value,
+						children: opt.label
+					}, opt.value))
+				}),
+				isSkeleton ? /* @__PURE__ */ jsx(Skeleton, {
+					height: "20",
+					width: "64"
+				}) : /* @__PURE__ */ jsx(chakra.span, {
+					css: styles.text,
+					children: labels.pages
+				}),
+				/* @__PURE__ */ jsx(BitkitIconButton, {
+					icon: IconChevronLeft,
+					label: labels.previousPage,
+					marginInlineStart: "8",
+					onClick: () => onPageChange?.(safePage - 1),
+					size: "md",
+					state: isFirstPage || isSkeleton ? "disabled" : void 0,
+					variant: "secondary"
+				}),
+				/* @__PURE__ */ jsx(BitkitIconButton, {
+					icon: IconChevronRight,
+					label: labels.nextPage,
+					onClick: () => onPageChange?.(safePage + 1),
+					size: "md",
+					state: isLastPage || isSkeleton ? "disabled" : void 0,
+					variant: "secondary"
+				})
+			]
+		})]
+	});
+});
+BitkitPagination.displayName = "BitkitPagination";
+//#endregion
+export { BitkitPagination as default };
+
+//# sourceMappingURL=BitkitPagination.js.map

package/dist/components/BitkitPagination/BitkitPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitPagination.js","names":[],"sources":["../../../lib/components/BitkitPagination/BitkitPagination.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, useMemo } from 'react';\n\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\nimport BitkitNativeSelect from '../BitkitNativeSelect/BitkitNativeSelect';\n\nexport interface BitkitPaginationLabels {\n  items?: string;\n  itemsPerPage?: string;\n  nextPage?: string;\n  pages?: string;\n  previousPage?: string;\n}\n\nconst DEFAULT_LABELS: Required<BitkitPaginationLabels> = {\n  items: '{start}\\u2013{end} of {total} items',\n  itemsPerPage: 'Items per page:',\n  nextPage: 'Next page',\n  pages: 'of {totalPages} pages',\n  previousPage: 'Previous page',\n};\n\nconst formatLabel = (template: string, values: Record<string, number>) =>\n  Object.entries(values).reduce((str, [key, val]) => str.replaceAll(`{${key}}`, String(val)), template);\n\nexport interface BitkitPaginationProps extends Omit<BoxProps, 'colorPalette' | 'page'> {\n  labels?: BitkitPaginationLabels;\n  onPageChange?: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  page: number;\n  pageSize: number;\n  pageSizeOptions?: number[];\n  state?: 'skeleton';\n  totalItems: number;\n  variant?: 'card' | 'page' | 'table';\n}\n\nconst BitkitPagination = forwardRef<HTMLDivElement, BitkitPaginationProps>((props, ref) => {\n  const {\n    labels: labelsProp,\n    onPageChange,\n    onPageSizeChange,\n    page,\n    pageSize,\n    pageSizeOptions = [10, 25, 50],\n    state,\n    totalItems,\n    variant = 'table',\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'pagination' });\n  const styles = recipe({ variant });\n\n  const safePageSize = Math.max(1, pageSize);\n  const totalPages = Math.max(1, Math.ceil(totalItems / safePageSize));\n  const safePage = Math.min(Math.max(1, page), totalPages);\n  const start = totalItems === 0 ? 0 : (safePage - 1) * safePageSize + 1;\n  const end = Math.min(safePage * safePageSize, totalItems);\n  const isFirstPage = safePage <= 1;\n  const isLastPage = safePage >= totalPages;\n  const isSkeleton = state === 'skeleton';\n  const showItemsPerPage = variant !== 'card';\n\n  const values = { end, start, total: totalItems, totalPages };\n  const labels = Object.fromEntries(\n    Object.entries({ ...DEFAULT_LABELS, ...labelsProp }).map(([k, v]) => [k, formatLabel(v, values)]),\n  ) as Required<BitkitPaginationLabels>;\n\n  const pageSizeItems = useMemo(\n    () => pageSizeOptions.map((opt) => ({ label: String(opt), value: String(opt) })),\n    [pageSizeOptions],\n  );\n\n  const pageItems = useMemo(\n    () => Array.from({ length: totalPages }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })),\n    [totalPages],\n  );\n\n  return (\n    <Box ref={ref} css={styles.root} {...rest}>\n      <chakra.div css={styles.itemsBlock}>\n        {showItemsPerPage && (\n          <>\n            <chakra.span css={styles.text}>{labels.itemsPerPage}</chakra.span>\n            <BitkitNativeSelect\n              css={styles.itemsSelect}\n              onChange={(e) => onPageSizeChange?.(Number(e.target.value))}\n              size=\"md\"\n              state={isSkeleton ? 'disabled' : undefined}\n              value={String(safePageSize)}\n            >\n              {pageSizeItems.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </BitkitNativeSelect>\n            <Separator alignSelf=\"stretch\" borderColor=\"border/minimal\" marginInline=\"8\" orientation=\"vertical\" />\n          </>\n        )}\n        {isSkeleton ? <Skeleton height=\"20\" width=\"96\" /> : <chakra.span css={styles.text}>{labels.items}</chakra.span>}\n      </chakra.div>\n\n      <chakra.div css={styles.pageBlock}>\n        <Separator alignSelf=\"stretch\" borderColor=\"border/minimal\" marginInline=\"8\" orientation=\"vertical\" />\n        <BitkitNativeSelect\n          css={styles.pageSelect}\n          onChange={(e) => onPageChange?.(Number(e.target.value))}\n          size=\"md\"\n          state={isSkeleton ? 'disabled' : undefined}\n          value={String(safePage)}\n        >\n          {pageItems.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </BitkitNativeSelect>\n        {isSkeleton ? <Skeleton height=\"20\" width=\"64\" /> : <chakra.span css={styles.text}>{labels.pages}</chakra.span>}\n        <BitkitIconButton\n          icon={IconChevronLeft}\n          label={labels.previousPage}\n          marginInlineStart=\"8\"\n          onClick={() => onPageChange?.(safePage - 1)}\n          size=\"md\"\n          state={isFirstPage || isSkeleton ? 'disabled' : undefined}\n          variant=\"secondary\"\n        />\n        <BitkitIconButton\n          icon={IconChevronRight}\n          label={labels.nextPage}\n          onClick={() => onPageChange?.(safePage + 1)}\n          size=\"md\"\n          state={isLastPage || isSkeleton ? 'disabled' : undefined}\n          variant=\"secondary\"\n        />\n      </chakra.div>\n    </Box>\n  );\n});\n\nBitkitPagination.displayName = 'BitkitPagination';\n\nexport default BitkitPagination;\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,iBAAmD;CACvD,OAAO;CACP,cAAc;CACd,UAAU;CACV,OAAO;CACP,cAAc;CACf;AAED,IAAM,eAAe,UAAkB,WACrC,OAAO,QAAQ,OAAO,CAAC,QAAQ,KAAK,CAAC,KAAK,SAAS,IAAI,WAAW,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,EAAE,SAAS;AAcvG,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EACJ,QAAQ,YACR,cACA,kBACA,MACA,UACA,kBAAkB;EAAC;EAAI;EAAI;EAAG,EAC9B,OACA,YACA,UAAU,SACV,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CAAC,CAC7B,EAAE,SAAS,CAAC;CAElC,MAAM,eAAe,KAAK,IAAI,GAAG,SAAS;CAC1C,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,aAAa,aAAa,CAAC;CACpE,MAAM,WAAW,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,EAAE,WAAW;CACxD,MAAM,QAAQ,eAAe,IAAI,KAAK,WAAW,KAAK,eAAe;CACrE,MAAM,MAAM,KAAK,IAAI,WAAW,cAAc,WAAW;CACzD,MAAM,cAAc,YAAY;CAChC,MAAM,aAAa,YAAY;CAC/B,MAAM,aAAa,UAAU;CAC7B,MAAM,mBAAmB,YAAY;CAErC,MAAM,SAAS;EAAE;EAAK;EAAO,OAAO;EAAY;EAAY;CAC5D,MAAM,SAAS,OAAO,YACpB,OAAO,QAAQ;EAAE,GAAG;EAAgB,GAAG;EAAY,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC,CAAC,CAClG;CAED,MAAM,gBAAgB,cACd,gBAAgB,KAAK,SAAS;EAAE,OAAO,OAAO,IAAI;EAAE,OAAO,OAAO,IAAI;EAAE,EAAE,EAChF,CAAC,gBAAgB,CAClB;CAED,MAAM,YAAY,cACV,MAAM,KAAK,EAAE,QAAQ,YAAY,GAAG,GAAG,OAAO;EAAE,OAAO,OAAO,IAAI,EAAE;EAAE,OAAO,OAAO,IAAI,EAAE;EAAE,EAAE,EACpG,CAAC,WAAW,CACb;AAED,QACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACG,oBACC,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAO,OAAO;KAA2B,CAAA;IAClE,oBAAC,oBAAD;KACE,KAAK,OAAO;KACZ,WAAW,MAAM,mBAAmB,OAAO,EAAE,OAAO,MAAM,CAAC;KAC3D,MAAK;KACL,OAAO,aAAa,aAAa,KAAA;KACjC,OAAO,OAAO,aAAa;eAE1B,cAAc,KAAK,QAClB,oBAAC,UAAD;MAAwB,OAAO,IAAI;gBAChC,IAAI;MACE,EAFI,IAAI,MAER,CACT;KACiB,CAAA;IACrB,oBAAC,WAAD;KAAW,WAAU;KAAU,aAAY;KAAiB,cAAa;KAAI,aAAY;KAAa,CAAA;IACrG,EAAA,CAAA,EAEJ,aAAa,oBAAC,UAAD;IAAU,QAAO;IAAK,OAAM;IAAO,CAAA,GAAG,oBAAC,OAAO,MAAR;IAAa,KAAK,OAAO;cAAO,OAAO;IAAoB,CAAA,CACpG;MAEb,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB;IACE,oBAAC,WAAD;KAAW,WAAU;KAAU,aAAY;KAAiB,cAAa;KAAI,aAAY;KAAa,CAAA;IACtG,oBAAC,oBAAD;KACE,KAAK,OAAO;KACZ,WAAW,MAAM,eAAe,OAAO,EAAE,OAAO,MAAM,CAAC;KACvD,MAAK;KACL,OAAO,aAAa,aAAa,KAAA;KACjC,OAAO,OAAO,SAAS;eAEtB,UAAU,KAAK,QACd,oBAAC,UAAD;MAAwB,OAAO,IAAI;gBAChC,IAAI;MACE,EAFI,IAAI,MAER,CACT;KACiB,CAAA;IACpB,aAAa,oBAAC,UAAD;KAAU,QAAO;KAAK,OAAM;KAAO,CAAA,GAAG,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAO,OAAO;KAAoB,CAAA;IAC/G,oBAAC,kBAAD;KACE,MAAM;KACN,OAAO,OAAO;KACd,mBAAkB;KAClB,eAAe,eAAe,WAAW,EAAE;KAC3C,MAAK;KACL,OAAO,eAAe,aAAa,aAAa,KAAA;KAChD,SAAQ;KACR,CAAA;IACF,oBAAC,kBAAD;KACE,MAAM;KACN,OAAO,OAAO;KACd,eAAe,eAAe,WAAW,EAAE;KAC3C,MAAK;KACL,OAAO,cAAc,aAAa,aAAa,KAAA;KAC/C,SAAQ;KACR,CAAA;IACS;KACT;;EAER;AAEF,iBAAiB,cAAc"}

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export { default as BitkitControlButton, type BitkitControlButtonProps, } from '
 export { default as BitkitDefinitionTooltip, type BitkitDefinitionTooltipProps, } from './BitkitDefinitionTooltip/BitkitDefinitionTooltip';
 export { default as BitkitDialog, type BitkitDialogProps } from './BitkitDialog/BitkitDialog';
 export { default as BitkitDialogBody, type BitkitDialogBodyProps } from './BitkitDialog/BitkitDialogBody';
+export { default as BitkitDialogButtons, type BitkitDialogButtonsProps } from './BitkitDialog/BitkitDialogButtons';
 export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
 export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
 export { default as BitkitDraggableCard, type BitkitDraggableCardProps, } from './BitkitDraggableCard/BitkitDraggableCard';
@@ -40,6 +41,7 @@ export { default as BitkitNoteCard, type BitkitNoteCardProps } from './BitkitNot
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
 export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
+export { default as BitkitPagination, type BitkitPaginationLabels, type BitkitPaginationProps, } from './BitkitPagination/BitkitPagination';
 export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';

package/dist/main.js

@@ -305,6 +305,7 @@ import BitkitDialogBody from "./components/BitkitDialog/BitkitDialogBody.js";
 import BitkitDialogContent from "./components/BitkitDialog/BitkitDialogContent.js";
 import BitkitDialogRoot from "./components/BitkitDialog/BitkitDialogRoot.js";
 import BitkitDialog from "./components/BitkitDialog/BitkitDialog.js";
+import BitkitDialogButtons from "./components/BitkitDialog/BitkitDialogButtons.js";
 import BitkitDraggableCard from "./components/BitkitDraggableCard/BitkitDraggableCard.js";
 import BitkitEmptyState from "./components/BitkitEmptyState/BitkitEmptyState.js";
 import BitkitExpandableCard from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
@@ -324,6 +325,7 @@ import BitkitNativeSelect from "./components/BitkitNativeSelect/BitkitNativeSele
 import BitkitNoteCard from "./components/BitkitNoteCard/BitkitNoteCard.js";
 import BitkitNumberInput from "./components/BitkitNumberInput/BitkitNumberInput.js";
 import BitkitOverflowTooltip from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
+import BitkitPagination from "./components/BitkitPagination/BitkitPagination.js";
 import BitkitPaginationLoadMore from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
 import BitkitRadio from "./components/BitkitRadio/BitkitRadio.js";
 import BitkitRadioGroup from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
@@ -347,4 +349,4 @@ import BitkitToggle from "./components/BitkitToggle/BitkitToggle.js";
 import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowTooltip, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSidebar_default as BitkitSidebar, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast };
+export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowTooltip, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSidebar_default as BitkitSidebar, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast };

package/dist/theme/slot-recipes/Dialog.recipe.js

@@ -122,7 +122,7 @@ var dialogSlotRecipe = defineSlotRecipe({
 		},
 		scrollGradient: {
 			background: "linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%)",
-			bottom: "0",
+			bottom: "48",
 			height: "32",
 			pointerEvents: "none",
 			position: "absolute",

package/dist/theme/slot-recipes/Dialog.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: '0',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: '0',\n      position: 'fixed',\n      top: '0',\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%)',\n      bottom: '0',\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAS;EAAc;EAAgB;EAAiB;CACzF,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,UAAU;GACV,OAAO;GACP,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,MAAM;GACN,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,SAAS;GACT,UAAU;GACV,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;GACX;EACD,OAAO;GACL,OAAO;GACP,kBAAkB;GAClB,WAAW;GACZ;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACZ;EACD,OAAO;GACL,OAAO;GACP,WAAW;GACZ;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,eAAe;GACf,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,YAAY;GACV,SAAS;GACT,eAAe;GACf,WAAW;GACX,UAAU;GACV,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,cAAc;GACZ,UAAU;GACV,UAAU;GACV,KAAK;GACN;EACD,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACR;EACD,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;GACR;EACF;CACD,UAAU;EACR,gBAAgB;GACd,QAAQ;IACN,MAAM;KACJ,WAAW;KACX,OAAO,EACL,iBAAiB,GAClB;KACF;IACD,SAAS;KACP,WAAW;KACX,UAAU;KACX;IACF;GACD,SAAS,EAAE;GACZ;EACD,MAAM;GACJ,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACF;EACF;CACD,iBAAiB;EACf,gBAAgB;EAChB,MAAM;EACP;CACF,CAAC"}
+{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: '0',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: '0',\n      position: 'fixed',\n      top: '0',\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%)',\n      bottom: '48',\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAS;EAAc;EAAgB;EAAiB;CACzF,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,UAAU;GACV,OAAO;GACP,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,MAAM;GACN,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,SAAS;GACT,UAAU;GACV,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;GACX;EACD,OAAO;GACL,OAAO;GACP,kBAAkB;GAClB,WAAW;GACZ;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACZ;EACD,OAAO;GACL,OAAO;GACP,WAAW;GACZ;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,eAAe;GACf,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,YAAY;GACV,SAAS;GACT,eAAe;GACf,WAAW;GACX,UAAU;GACV,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,cAAc;GACZ,UAAU;GACV,UAAU;GACV,KAAK;GACN;EACD,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACR;EACD,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;GACR;EACF;CACD,UAAU;EACR,gBAAgB;GACd,QAAQ;IACN,MAAM;KACJ,WAAW;KACX,OAAO,EACL,iBAAiB,GAClB;KACF;IACD,SAAS;KACP,WAAW;KACX,UAAU;KACX;IACF;GACD,SAAS,EAAE;GACZ;EACD,MAAM;GACJ,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACF;EACF;CACD,iBAAiB;EACf,gBAAgB;EAChB,MAAM;EACP;CACF,CAAC"}

package/dist/theme/slot-recipes/NativeSelect.recipe.js

@@ -48,7 +48,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe({
 	variants: { size: {
 		md: { field: {
 			paddingInline: rem(11),
-			paddingBlock: rem(7),
+			paddingBlock: rem(9),
 			textStyle: "body/md/regular"
 		} },
 		lg: { field: {

package/dist/theme/slot-recipes/NativeSelect.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n  className: 'native-select',\n  slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n  base: {\n    root: {\n      position: 'relative',\n    },\n    field: {\n      width: '100%',\n      minWidth: 0,\n      appearance: 'none',\n      borderRadius: '4',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'background/primary',\n      transition: '200ms',\n      color: 'input/text/inputValue',\n      _hover: {\n        borderColor: 'border/hover',\n        _invalid: {\n          borderColor: 'border/error',\n        },\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _disabled: {\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n        _placeholder: {\n          color: 'text/disabled',\n        },\n        color: 'text/disabled',\n        background: 'background/disabled',\n        cursor: 'not-allowed',\n      },\n      _placeholderShown: {\n        color: 'input/text/placeholder',\n      },\n    },\n    statusIcon: {\n      position: 'absolute',\n      top: '50%',\n      right: rem(48),\n      transform: 'translateY(-50%)',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      position: 'absolute',\n      top: '50%',\n      right: rem(15),\n      transform: 'translateY(-50%)',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: { paddingInline: rem(11), paddingBlock: rem(7), textStyle: 'body/md/regular' },\n      },\n      lg: {\n        field: { paddingInline: rem(15), paddingBlock: rem(11), textStyle: 'body/lg/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default nativeSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,CAAC,GAAG,oBAAoB,MAAM,EAAE,aAAa;CACpD,MAAM;EACJ,MAAM,EACJ,UAAU,YACX;EACD,OAAO;GACL,OAAO;GACP,UAAU;GACV,YAAY;GACZ,cAAc;GACd,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;IACN,aAAa;IACb,UAAU,EACR,aAAa,gBACd;IACF;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW;IACT,QAAQ,EACN,aAAa,mBACd;IACD,cAAc,EACZ,OAAO,iBACR;IACD,OAAO;IACP,YAAY;IACZ,QAAQ;IACT;GACD,mBAAmB,EACjB,OAAO,0BACR;GACF;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACX,eAAe;GAChB;EACD,WAAW;GACT,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,EAAE;GAAE,WAAW;GAAmB,EACtF;EACD,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,GAAG;GAAE,WAAW;GAAmB,EACvF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n  className: 'native-select',\n  slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n  base: {\n    root: {\n      position: 'relative',\n    },\n    field: {\n      width: '100%',\n      minWidth: 0,\n      appearance: 'none',\n      borderRadius: '4',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'background/primary',\n      transition: '200ms',\n      color: 'input/text/inputValue',\n      _hover: {\n        borderColor: 'border/hover',\n        _invalid: {\n          borderColor: 'border/error',\n        },\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _disabled: {\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n        _placeholder: {\n          color: 'text/disabled',\n        },\n        color: 'text/disabled',\n        background: 'background/disabled',\n        cursor: 'not-allowed',\n      },\n      _placeholderShown: {\n        color: 'input/text/placeholder',\n      },\n    },\n    statusIcon: {\n      position: 'absolute',\n      top: '50%',\n      right: rem(48),\n      transform: 'translateY(-50%)',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      position: 'absolute',\n      top: '50%',\n      right: rem(15),\n      transform: 'translateY(-50%)',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: { paddingInline: rem(11), paddingBlock: rem(9), textStyle: 'body/md/regular' },\n      },\n      lg: {\n        field: { paddingInline: rem(15), paddingBlock: rem(11), textStyle: 'body/lg/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default nativeSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,CAAC,GAAG,oBAAoB,MAAM,EAAE,aAAa;CACpD,MAAM;EACJ,MAAM,EACJ,UAAU,YACX;EACD,OAAO;GACL,OAAO;GACP,UAAU;GACV,YAAY;GACZ,cAAc;GACd,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;IACN,aAAa;IACb,UAAU,EACR,aAAa,gBACd;IACF;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW;IACT,QAAQ,EACN,aAAa,mBACd;IACD,cAAc,EACZ,OAAO,iBACR;IACD,OAAO;IACP,YAAY;IACZ,QAAQ;IACT;GACD,mBAAmB,EACjB,OAAO,0BACR;GACF;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACX,eAAe;GAChB;EACD,WAAW;GACT,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,EAAE;GAAE,WAAW;GAAmB,EACtF;EACD,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,GAAG;GAAE,WAAW;GAAmB,EACvF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

package/dist/theme/slot-recipes/Pagination.recipe.d.ts

@@ -0,0 +1,35 @@
+declare const paginationSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"text" | "root" | "itemsBlock" | "itemsSelect" | "pageBlock" | "pageSelect", {
+    variant: {
+        card: {
+            root: {
+                paddingInline: "24";
+                paddingBlock: "8";
+            };
+            text: {
+                color: "text/tertiary";
+            };
+        };
+        page: {
+            root: {
+                paddingInline: "24";
+                paddingBlock: "16";
+                borderTopWidth: string;
+                borderTopStyle: "solid";
+                borderTopColor: "border/regular";
+            };
+            text: {
+                color: "text/secondary";
+            };
+        };
+        table: {
+            root: {
+                paddingInline: "16";
+                paddingBlock: "8";
+            };
+            text: {
+                color: "text/secondary";
+            };
+        };
+    };
+}>;
+export default paginationSlotRecipe;

package/dist/theme/slot-recipes/Pagination.recipe.js

@@ -0,0 +1,73 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/Pagination.recipe.ts
+var paginationSlotRecipe = defineSlotRecipe({
+	className: "pagination",
+	slots: [
+		"itemsBlock",
+		"itemsSelect",
+		"pageBlock",
+		"pageSelect",
+		"root",
+		"text"
+	],
+	base: {
+		itemsBlock: {
+			display: "flex",
+			alignItems: "center",
+			gap: "8",
+			flexShrink: 0
+		},
+		itemsSelect: { width: rem(88) },
+		pageBlock: {
+			display: "flex",
+			alignItems: "center",
+			gap: "8",
+			flexShrink: 0
+		},
+		pageSelect: { width: rem(80) },
+		root: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			overflow: "clip",
+			width: "full"
+		},
+		text: {
+			textStyle: "body/md/regular",
+			whiteSpace: "nowrap",
+			flexShrink: 0
+		}
+	},
+	variants: { variant: {
+		card: {
+			root: {
+				paddingInline: "24",
+				paddingBlock: "8"
+			},
+			text: { color: "text/tertiary" }
+		},
+		page: {
+			root: {
+				paddingInline: "24",
+				paddingBlock: "16",
+				borderTopWidth: rem(1),
+				borderTopStyle: "solid",
+				borderTopColor: "border/regular"
+			},
+			text: { color: "text/secondary" }
+		},
+		table: {
+			root: {
+				paddingInline: "16",
+				paddingBlock: "8"
+			},
+			text: { color: "text/secondary" }
+		}
+	} },
+	defaultVariants: { variant: "table" }
+});
+//#endregion
+export { paginationSlotRecipe as default };
+
+//# sourceMappingURL=Pagination.recipe.js.map

package/dist/theme/slot-recipes/Pagination.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Pagination.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationSlotRecipe = defineSlotRecipe({\n  className: 'pagination',\n  slots: ['itemsBlock', 'itemsSelect', 'pageBlock', 'pageSelect', 'root', 'text'],\n  base: {\n    itemsBlock: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flexShrink: 0,\n    },\n    itemsSelect: {\n      width: rem(88),\n    },\n    pageBlock: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flexShrink: 0,\n    },\n    pageSelect: {\n      width: rem(80),\n    },\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      overflow: 'clip',\n      width: 'full',\n    },\n    text: {\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    variant: {\n      card: {\n        root: {\n          paddingInline: '24',\n          paddingBlock: '8',\n        },\n        text: {\n          color: 'text/tertiary',\n        },\n      },\n      page: {\n        root: {\n          paddingInline: '24',\n          paddingBlock: '16',\n          borderTopWidth: rem(1),\n          borderTopStyle: 'solid',\n          borderTopColor: 'border/regular',\n        },\n        text: {\n          color: 'text/secondary',\n        },\n      },\n      table: {\n        root: {\n          paddingInline: '16',\n          paddingBlock: '8',\n        },\n        text: {\n          color: 'text/secondary',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'table',\n  },\n});\n\nexport default paginationSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAc;EAAe;EAAa;EAAc;EAAQ;EAAO;CAC/E,MAAM;EACJ,YAAY;GACV,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;GACb;EACD,aAAa,EACX,OAAO,IAAI,GAAG,EACf;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;GACb;EACD,YAAY,EACV,OAAO,IAAI,GAAG,EACf;EACD,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,OAAO;GACR;EACD,MAAM;GACJ,WAAW;GACX,YAAY;GACZ,YAAY;GACb;EACF;CACD,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;IACf;GACD,MAAM,EACJ,OAAO,iBACR;GACF;EACD,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;IACd,gBAAgB,IAAI,EAAE;IACtB,gBAAgB;IAChB,gBAAgB;IACjB;GACD,MAAM,EACJ,OAAO,kBACR;GACF;EACD,OAAO;GACL,MAAM;IACJ,eAAe;IACf,cAAc;IACf;GACD,MAAM,EACJ,OAAO,kBACR;GACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,SACV;CACF,CAAC"}

package/dist/theme/slot-recipes/index.d.ts

@@ -943,6 +943,40 @@ declare const slotRecipes: {
             };
         };
     }>;
+    pagination: import('@chakra-ui/react').SlotRecipeDefinition<"text" | "root" | "itemsBlock" | "itemsSelect" | "pageBlock" | "pageSelect", {
+        variant: {
+            card: {
+                root: {
+                    paddingInline: "24";
+                    paddingBlock: "8";
+                };
+                text: {
+                    color: "text/tertiary";
+                };
+            };
+            page: {
+                root: {
+                    paddingInline: "24";
+                    paddingBlock: "16";
+                    borderTopWidth: string;
+                    borderTopStyle: "solid";
+                    borderTopColor: "border/regular";
+                };
+                text: {
+                    color: "text/secondary";
+                };
+            };
+            table: {
+                root: {
+                    paddingInline: "16";
+                    paddingBlock: "8";
+                };
+                text: {
+                    color: "text/secondary";
+                };
+            };
+        };
+    }>;
     paginationLoadMore: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "counter", {
         size: {
             md: {

package/dist/theme/slot-recipes/index.js

@@ -29,6 +29,7 @@ import markdownCardSlotRecipe from "./MarkdownCard.recipe.js";
 import menuSlotRecipe from "./Menu.recipe.js";
 import nativeSelectSlotRecipe from "./NativeSelect.recipe.js";
 import noteCardSlotRecipe from "./NoteCard.recipe.js";
+import paginationSlotRecipe from "./Pagination.recipe.js";
 import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
 import radioGroupSlotRecipe from "./RadioGroup.recipe.js";
 import ribbonSlotRecipe from "./Ribbon.recipe.js";
@@ -77,6 +78,7 @@ var slotRecipes = {
 	noteCard: noteCardSlotRecipe,
 	nativeSelect: nativeSelectSlotRecipe,
 	numberInput: numberInputSlotRecipe,
+	pagination: paginationSlotRecipe,
 	paginationLoadMore: paginationLoadMoreRecipe,
 	radioGroup: radioGroupSlotRecipe,
 	ribbon: ribbonSlotRecipe,

package/dist/theme/slot-recipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}

package/dist/utilities/AssetSelectChevron.js

@@ -6,6 +6,7 @@ var AssetSelectChevron = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, {
 	asChild: true,
 	ref,
 	transition: "0.2s ease",
+	pointerEvents: "none",
 	_open: { transform: "rotate(180deg)" },
 	_disabled: {
 		cursor: "not-allowed",

package/dist/utilities/AssetSelectChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectChevron.js","names":[],"sources":["../../lib/utilities/AssetSelectChevron.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { forwardRef, type Ref } from 'react';\n\nconst AssetSelectChevron = forwardRef((props: IconProps, ref: Ref<SVGSVGElement>) => (\n  <Icon\n    asChild\n    ref={ref}\n    transition=\"0.2s ease\"\n    _open={{\n      transform: 'rotate(180deg)',\n    }}\n    _disabled={{\n      cursor: 'not-allowed',\n      color: 'icon/disabled',\n    }}\n    color=\"icon/secondary\"\n    _groupFocusWithin={{\n      color: 'icon/primary',\n    }}\n    _groupHover={{\n      color: 'icon/primary',\n    }}\n    {...props}\n  >\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.29285 10.2071L7.70706 8.79289L12 13.0858L16.2928 8.79289L17.7071 10.2071L12 15.9142L6.29285 10.2071Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </Icon>\n));\n\nAssetSelectChevron.displayName = 'AssetSelectChevron';\n\nexport default AssetSelectChevron;\n"],"mappings":";;;;AAGA,IAAM,qBAAqB,YAAY,OAAkB,QACvD,oBAAC,MAAD;CACE,SAAA;CACK;CACL,YAAW;CACX,OAAO,EACL,WAAW,kBACZ;CACD,WAAW;EACT,QAAQ;EACR,OAAO;EACR;CACD,OAAM;CACN,mBAAmB,EACjB,OAAO,gBACR;CACD,aAAa,EACX,OAAO,gBACR;CACD,GAAI;WAEJ,oBAAC,OAAD;EAAK,OAAM;EAA6B,SAAQ;EAAY,OAAM;EAAK,QAAO;YAC5E,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;GACL,CAAA;EACE,CAAA;CACD,CAAA,CACP;AAEF,mBAAmB,cAAc"}
+{"version":3,"file":"AssetSelectChevron.js","names":[],"sources":["../../lib/utilities/AssetSelectChevron.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { forwardRef, type Ref } from 'react';\n\nconst AssetSelectChevron = forwardRef((props: IconProps, ref: Ref<SVGSVGElement>) => (\n  <Icon\n    asChild\n    ref={ref}\n    transition=\"0.2s ease\"\n    pointerEvents=\"none\"\n    _open={{\n      transform: 'rotate(180deg)',\n    }}\n    _disabled={{\n      cursor: 'not-allowed',\n      color: 'icon/disabled',\n    }}\n    color=\"icon/secondary\"\n    _groupFocusWithin={{\n      color: 'icon/primary',\n    }}\n    _groupHover={{\n      color: 'icon/primary',\n    }}\n    {...props}\n  >\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.29285 10.2071L7.70706 8.79289L12 13.0858L16.2928 8.79289L17.7071 10.2071L12 15.9142L6.29285 10.2071Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </Icon>\n));\n\nAssetSelectChevron.displayName = 'AssetSelectChevron';\n\nexport default AssetSelectChevron;\n"],"mappings":";;;;AAGA,IAAM,qBAAqB,YAAY,OAAkB,QACvD,oBAAC,MAAD;CACE,SAAA;CACK;CACL,YAAW;CACX,eAAc;CACd,OAAO,EACL,WAAW,kBACZ;CACD,WAAW;EACT,QAAQ;EACR,OAAO;EACR;CACD,OAAM;CACN,mBAAmB,EACjB,OAAO,gBACR;CACD,aAAa,EACX,OAAO,gBACR;CACD,GAAI;WAEJ,oBAAC,OAAD;EAAK,OAAM;EAA6B,SAAQ;EAAY,OAAM;EAAK,QAAO;YAC5E,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;GACL,CAAA;EACE,CAAA;CACD,CAAA,CACP;AAEF,mBAAmB,cAAc"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.192",
+  "version": "0.3.194",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",