@seed-design/react 1.1.8-alpha-20251120105426 → 1.1.10

package/lib/components/BottomSheetHandle/BottomSheetHandle.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const reactPrimitive = require('@seed-design/react-primitive');
+const reactDrawer = require('@seed-design/react-drawer');
 const bottomSheetHandle = require('@seed-design/css/recipes/bottom-sheet-handle');
 const React = require('react');
 const clsx = require('clsx');
@@ -12,7 +13,7 @@ const clsx = require('clsx');
 const BottomSheetHandle = React.forwardRef(
   ({ className, ...props }, ref) => {
     const classNames = bottomSheetHandle.bottomSheetHandle();
-    return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, className: clsx(classNames.root, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { "aria-hidden": "true", className: classNames.touchArea }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(reactDrawer.Drawer.Handle, { ref, className: clsx(classNames.root, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { "aria-hidden": "true", className: classNames.touchArea }) });
   }
 );
 BottomSheetHandle.displayName = "BottomSheetHandle";

package/lib/components/BottomSheetHandle/BottomSheetHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetHandle.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheetHandle/BottomSheetHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,+FAU7B,CAAC"}
+{"version":3,"file":"BottomSheetHandle.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheetHandle/BottomSheetHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,+FAU7B,CAAC"}

package/lib/components/BottomSheetHandle/BottomSheetHandle.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Primitive } from '@seed-design/react-primitive';
+import { Drawer } from '@seed-design/react-drawer';
 import { bottomSheetHandle } from '@seed-design/css/recipes/bottom-sheet-handle';
 import React__default from 'react';
 import clsx from 'clsx';
@@ -8,7 +9,7 @@ import clsx from 'clsx';
 const BottomSheetHandle = React__default.forwardRef(
   ({ className, ...props }, ref) => {
     const classNames = bottomSheetHandle();
-    return /* @__PURE__ */ jsx(Primitive.div, { ref, className: clsx(classNames.root, className), ...props, children: /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": "true", className: classNames.touchArea }) });
+    return /* @__PURE__ */ jsx(Drawer.Handle, { ref, className: clsx(classNames.root, className), ...props, children: /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": "true", className: classNames.touchArea }) });
   }
 );
 BottomSheetHandle.displayName = "BottomSheetHandle";

package/lib/components/Field/Field.cjs

@@ -75,25 +75,33 @@ const FieldErrorMessage = withContext(
   "errorMessage"
 );
 const FieldCharacterCount = React.forwardRef(
-  ({ current, max, ...otherProps }, ref) => {
+  ({ current, max, className, ...otherProps }, ref) => {
     const classNames = useClassNames();
     const { stateProps } = reactField.useFieldContext();
-    return /* @__PURE__ */ jsxRuntime.jsxs(reactPrimitive.Primitive.div, { ref, ...otherProps, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          ...current === 0 ? { "data-empty": true } : {},
-          ...current > max ? { "data-exceeded": true } : {},
-          className: classNames.characterCount,
-          ...stateProps,
-          children: current
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames.maxCharacterCount, ...stateProps, children: [
-        "/",
-        max
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactPrimitive.Primitive.div,
+      {
+        className: clsx(classNames.characterCountArea, className),
+        ref,
+        ...otherProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              ...current === 0 ? { "data-empty": true } : {},
+              ...current > max ? { "data-exceeded": true } : {},
+              className: classNames.characterCount,
+              ...stateProps,
+              children: current
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames.maxCharacterCount, ...stateProps, children: [
+            "/",
+            max
+          ] })
+        ]
+      }
+    );
   }
 );
 

package/lib/components/Field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAmB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAc/F,MAAM,WAAW,cAAe,SAAQ,iBAAiB,EAAE,KAAK,CAAC,SAAS;CAAG;AAE7E,eAAO,MAAM,SAAS,uFAAmE,CAAC;AAI1F,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjG,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,KAAK,CAAC,UAAU;CAAG;AAEpF,eAAO,MAAM,UAAU,0FAA4E,CAAC;AAEpG,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,kBAAkB,iGAG9B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;CAAG;AAElF,eAAO,MAAM,sBAAsB,gHAyBlC,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjG,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,gBAAgB;CAAG;AAExE,eAAO,MAAM,gBAAgB,+FAG5B,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,iBAAiB;CAAG;AAE1E,eAAO,MAAM,iBAAiB,gGAG7B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,iGAqB/B,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAmB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAc/F,MAAM,WAAW,cAAe,SAAQ,iBAAiB,EAAE,KAAK,CAAC,SAAS;CAAG;AAE7E,eAAO,MAAM,SAAS,uFAAmE,CAAC;AAI1F,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjG,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,KAAK,CAAC,UAAU;CAAG;AAEpF,eAAO,MAAM,UAAU,0FAA4E,CAAC;AAEpG,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,kBAAkB,iGAG9B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;CAAG;AAElF,eAAO,MAAM,sBAAsB,gHAyBlC,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjG,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,gBAAgB;CAAG;AAExE,eAAO,MAAM,gBAAgB,+FAG5B,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,iBAAiB;CAAG;AAE1E,eAAO,MAAM,iBAAiB,gGAG7B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,iGAyB/B,CAAC"}

package/lib/components/Field/Field.js

@@ -71,25 +71,33 @@ const FieldErrorMessage = withContext(
   "errorMessage"
 );
 const FieldCharacterCount = forwardRef(
-  ({ current, max, ...otherProps }, ref) => {
+  ({ current, max, className, ...otherProps }, ref) => {
     const classNames = useClassNames();
     const { stateProps } = useFieldContext();
-    return /* @__PURE__ */ jsxs(Primitive.div, { ref, ...otherProps, children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          ...current === 0 ? { "data-empty": true } : {},
-          ...current > max ? { "data-exceeded": true } : {},
-          className: classNames.characterCount,
-          ...stateProps,
-          children: current
-        }
-      ),
-      /* @__PURE__ */ jsxs("span", { className: classNames.maxCharacterCount, ...stateProps, children: [
-        "/",
-        max
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      Primitive.div,
+      {
+        className: clsx(classNames.characterCountArea, className),
+        ref,
+        ...otherProps,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...current === 0 ? { "data-empty": true } : {},
+              ...current > max ? { "data-exceeded": true } : {},
+              className: classNames.characterCount,
+              ...stateProps,
+              children: current
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: classNames.maxCharacterCount, ...stateProps, children: [
+            "/",
+            max
+          ] })
+        ]
+      }
+    );
   }
 );
 

package/lib/components/List/List.cjs

@@ -22,8 +22,19 @@ const withStateProps = createWithStateProps.createWithStateProps([
   { useContext: reactSwitch.useSwitchContext, strict: false }
 ]);
 const ListRoot = React.forwardRef(
-  ({ as = "ul", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Stack.VStack, { as, ref, ...props });
+  ({ as = "ul", style, itemBorderRadius, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Stack.VStack,
+      {
+        as,
+        ref,
+        style: {
+          ...style,
+          "--list-item-border-radius": styled.handleRadius(itemBorderRadius)
+        },
+        ...props
+      }
+    );
   }
 );
 const ListItem = withProvider(

package/lib/components/List/List.d.ts

@@ -4,6 +4,7 @@ import { StyleProps } from '../../utils/styled';
 import { VStackProps } from '../Stack';
 import type * as React from "react";
 export interface ListRootProps extends VStackProps {
+    itemBorderRadius?: StyleProps["borderRadius"];
 }
 export declare const ListRoot: React.ForwardRefExoticComponent<ListRootProps & React.RefAttributes<HTMLUListElement>>;
 export interface ListItemProps extends PrimitiveProps, Pick<StyleProps, "alignItems">, React.HTMLAttributes<HTMLLIElement>, ListItemVariantProps {

package/lib/components/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAapD,MAAM,WAAW,aAAc,SAAQ,WAAW;CAAG;AAErD,eAAO,MAAM,QAAQ,wFAIpB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,oBAAoB;CAAG;AAE3B,eAAO,MAAM,QAAQ,qFAGpB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,GAAG,cAAc,CAAC,EAC/C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,CAAC,EACvC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,UAAU,CAAC,EACpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/F,eAAO,MAAM,SAAS,uFAGrB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhG,eAAO,MAAM,UAAU,wFAGtB,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAapD,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,gBAAgB,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,QAAQ,wFAgBpB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,oBAAoB;CAAG;AAE3B,eAAO,MAAM,QAAQ,qFAGpB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,GAAG,cAAc,CAAC,EAC/C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,CAAC,EACvC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,UAAU,CAAC,EACpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/F,eAAO,MAAM,SAAS,uFAGrB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhG,eAAO,MAAM,UAAU,wFAGtB,CAAC"}

package/lib/components/List/List.js

@@ -4,7 +4,7 @@ import { listItem } from '@seed-design/css/recipes/list-item';
 import { Primitive } from '@seed-design/react-primitive';
 import { forwardRef } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { withStyleProps } from '../../utils/styled.js';
+import { withStyleProps, handleRadius } from '../../utils/styled.js';
 import { VStack } from '../Stack/Stack.js';
 import { useCheckboxContext } from '@seed-design/react-checkbox';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
@@ -18,8 +18,19 @@ const withStateProps = createWithStateProps([
   { useContext: useSwitchContext, strict: false }
 ]);
 const ListRoot = forwardRef(
-  ({ as = "ul", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(VStack, { as, ref, ...props });
+  ({ as = "ul", style, itemBorderRadius, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      VStack,
+      {
+        as,
+        ref,
+        style: {
+          ...style,
+          "--list-item-border-radius": handleRadius(itemBorderRadius)
+        },
+        ...props
+      }
+    );
   }
 );
 const ListItem = withProvider(

package/lib/components/PageBanner/PageBanner.cjs

@@ -3,15 +3,26 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
 const pageBanner = require('@seed-design/css/recipes/page-banner');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const useDismissible = require('../private/useDismissible.cjs');
+const clsx = require('clsx');
 
-const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(pageBanner.pageBanner);
-const PageBannerRoot = withProvider(
-  useDismissible.DismissibleRoot,
-  "root"
+const { withContext, ClassNamesProvider } = createSlotRecipeContext.createSlotRecipeContext(pageBanner.pageBanner);
+const PageBannerRoot = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    if (props.variant === "solid" && props.tone === "magic") {
+      console.error(
+        `\`${props.tone}\` tone is not available for \`${props.variant}\` variant in PageBanner components. Please use variant="weak" or a different tone instead.`
+      );
+    }
+    const [variantProps, otherProps] = pageBanner.pageBanner.splitVariantProps(props);
+    const classNames = pageBanner.pageBanner(variantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(useDismissible.DismissibleRoot, { className: clsx(classNames.root, className), ref, ...otherProps }) });
+  }
 );
 const PageBannerContent = withContext(
   reactPrimitive.Primitive.div,

package/lib/components/PageBanner/PageBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAInC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,oBAAoB;CAAG;AAE5F,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,8FAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,qBAAqB,oGAGjC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,gBAAgB,iGAG5B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,qBAAqB,sGAGjC,CAAC"}
+{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAKnC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,oBAAoB;CAAG;AAE5F,eAAO,MAAM,cAAc,4FAiB1B,CAAC;AAuBF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,8FAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,qBAAqB,oGAGjC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,gBAAgB,iGAG5B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,qBAAqB,sGAGjC,CAAC"}

package/lib/components/PageBanner/PageBanner.js

@@ -1,13 +1,24 @@
 'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { pageBanner } from '@seed-design/css/recipes/page-banner';
 import { Primitive } from '@seed-design/react-primitive';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { DismissibleCloseButton, DismissibleRoot } from '../private/useDismissible.js';
+import clsx from 'clsx';
 
-const { withContext, withProvider } = createSlotRecipeContext(pageBanner);
-const PageBannerRoot = withProvider(
-  DismissibleRoot,
-  "root"
+const { withContext, ClassNamesProvider } = createSlotRecipeContext(pageBanner);
+const PageBannerRoot = forwardRef(
+  ({ className, ...props }, ref) => {
+    if (props.variant === "solid" && props.tone === "magic") {
+      console.error(
+        `\`${props.tone}\` tone is not available for \`${props.variant}\` variant in PageBanner components. Please use variant="weak" or a different tone instead.`
+      );
+    }
+    const [variantProps, otherProps] = pageBanner.splitVariantProps(props);
+    const classNames = pageBanner(variantProps);
+    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(DismissibleRoot, { className: clsx(classNames.root, className), ref, ...otherProps }) });
+  }
 );
 const PageBannerContent = withContext(
   Primitive.div,

package/lib/components/TagGroup/TagGroup.cjs

@@ -18,10 +18,13 @@ const TagGroupRoot = React.forwardRef(
   ({ className, children, separator = " · ", ...props }, ref) => {
     const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(props, { tagGroup: tagGroup.tagGroup, tagGroupItem: tagGroupItem.tagGroupItem });
     const classNames = tagGroup.tagGroup(tagGroupVariantProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: React.Children.map(children, (child, index) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
-      child
-    ] })) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: React.Children.toArray(children).filter((child) => child !== null && child !== void 0).map((child, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: those fragments won't change order
+      /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
+        child
+      ] }, index)
+    )) }) });
   }
 );
 const TagGroupItem = React.forwardRef((props, ref) => {

package/lib/components/TagGroup/TagGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,yCAAyC,CAAC;AASjD,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,wBAAwB,EACxB,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,+GAuBxB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,YAAY,+GAOvB,CAAC"}
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,yCAAyC,CAAC;AASjD,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,wBAAwB,EACxB,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,+GA0BxB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,YAAY,+GAOvB,CAAC"}

package/lib/components/TagGroup/TagGroup.js

@@ -1,10 +1,10 @@
 'use client';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Primitive } from '@seed-design/react-primitive';
 import { tagGroup } from '@seed-design/css/recipes/tag-group';
 import { tagGroupItem } from '@seed-design/css/recipes/tag-group-item';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import { forwardRef, Children } from 'react';
+import { forwardRef, Children, Fragment } from 'react';
 import clsx from 'clsx';
 import { splitMultipleVariantsProps } from '../../utils/splitMultipleVariantsProps.js';
 import { mergeProps } from '@seed-design/dom-utils';
@@ -14,10 +14,13 @@ const TagGroupRoot = forwardRef(
   ({ className, children, separator = " · ", ...props }, ref) => {
     const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps(props, { tagGroup, tagGroupItem });
     const classNames = tagGroup(tagGroupVariantProps);
-    return /* @__PURE__ */ jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsx(Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: Children.map(children, (child, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
-      child
-    ] })) }) });
+    return /* @__PURE__ */ jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsx(Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: Children.toArray(children).filter((child) => child !== null && child !== void 0).map((child, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: those fragments won't change order
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
+        child
+      ] }, index)
+    )) }) });
   }
 );
 const TagGroupItem = forwardRef((props, ref) => {

package/lib/utils/styled.cjs

@@ -287,5 +287,6 @@ function withStyleProps(Component) {
 exports.handleColor = handleColor;
 exports.handleDimension = handleDimension;
 exports.handlePaddingWithSafeArea = handlePaddingWithSafeArea;
+exports.handleRadius = handleRadius;
 exports.useStyleProps = useStyleProps;
 exports.withStyleProps = withStyleProps;

package/lib/utils/styled.d.ts

@@ -3,6 +3,7 @@ import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react
 export declare function handleColor(color: string | undefined): any;
 export declare function handleDimension(dimension: string | 0 | undefined): string | undefined;
 export declare function handlePaddingWithSafeArea(padding: string | 0 | undefined, direction: "top" | "bottom"): string | undefined;
+export declare function handleRadius(radius: string | 0 | undefined): any;
 export interface StyleProps {
     /**
      * Shorthand for `background`.

package/lib/utils/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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"}

package/lib/utils/styled.js

@@ -280,4 +280,4 @@ function withStyleProps(Component) {
   return Node;
 }
 
-export { handleColor, handleDimension, handlePaddingWithSafeArea, useStyleProps, withStyleProps };
+export { handleColor, handleDimension, handlePaddingWithSafeArea, handleRadius, useStyleProps, withStyleProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/react",
-  "version": "1.1.8-alpha-20251120105426",
+  "version": "1.1.10",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -44,7 +44,7 @@
     "@seed-design/react-avatar": "1.0.0",
     "@seed-design/react-checkbox": "1.0.1",
     "@seed-design/react-dialog": "1.0.0",
-    "@seed-design/react-drawer": "1.0.3",
+    "@seed-design/react-drawer": "1.0.4",
     "@seed-design/react-field": "1.0.1",
     "@seed-design/react-field-button": "1.0.1",
     "@seed-design/react-popover": "1.0.3",
@@ -57,13 +57,14 @@
     "@seed-design/react-slider": "1.0.1",
     "@seed-design/react-snackbar": "1.0.0",
     "@seed-design/react-switch": "1.0.1",
-    "@seed-design/react-tabs": "1.0.1",
+    "@seed-design/react-tabs": "1.0.2",
     "@seed-design/react-text-field": "1.1.1",
     "@seed-design/react-toggle": "1.0.0",
     "clsx": "^2.1.1",
     "unicode-segmenter": "^0.14.0"
   },
   "peerDependencies": {
+    "@seed-design/css": ">=1.1.10",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },

package/src/components/BottomSheetHandle/BottomSheetHandle.tsx

@@ -1,4 +1,5 @@
 import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { Drawer } from "@seed-design/react-drawer";
 import { bottomSheetHandle } from "@seed-design/css/recipes/bottom-sheet-handle";
 import React from "react";
 import clsx from "clsx";
@@ -12,9 +13,9 @@ export const BottomSheetHandle = React.forwardRef<HTMLDivElement, BottomSheetHan
     const classNames = bottomSheetHandle();
 
     return (
-      <Primitive.div ref={ref} className={clsx(classNames.root, className)} {...props}>
+      <Drawer.Handle ref={ref} className={clsx(classNames.root, className)} {...props}>
         <Primitive.div aria-hidden="true" className={classNames.touchArea} />
-      </Primitive.div>
+      </Drawer.Handle>
     );
   },
 );

package/src/components/Field/Field.tsx

@@ -113,12 +113,16 @@ export interface FieldCharacterCountProps
 }
 
 export const FieldCharacterCount = forwardRef<HTMLDivElement, FieldCharacterCountProps>(
-  ({ current, max, ...otherProps }, ref) => {
+  ({ current, max, className, ...otherProps }, ref) => {
     const classNames = useClassNames();
     const { stateProps } = useFieldContext();
 
     return (
-      <Primitive.div ref={ref} {...otherProps}>
+      <Primitive.div
+        className={clsx(classNames.characterCountArea, className)}
+        ref={ref}
+        {...otherProps}
+      >
         <span
           {...(current === 0 ? { "data-empty": true } : {})}
           {...(current > max ? { "data-exceeded": true } : {})}

package/src/components/List/List.tsx

@@ -4,7 +4,7 @@ import { listItem, type ListItemVariantProps } from "@seed-design/css/recipes/li
 import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
 import { forwardRef } from "react";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
-import { withStyleProps, type StyleProps } from "../../utils/styled";
+import { handleRadius, withStyleProps, type StyleProps } from "../../utils/styled";
 import { VStack, type VStackProps } from "../Stack";
 import { useCheckboxContext } from "@seed-design/react-checkbox";
 import { createWithStateProps } from "../../utils/createWithStateProps";
@@ -18,11 +18,25 @@ const withStateProps = createWithStateProps([
   { useContext: useSwitchContext, strict: false },
 ]);
 
-export interface ListRootProps extends VStackProps {}
+export interface ListRootProps extends VStackProps {
+  itemBorderRadius?: StyleProps["borderRadius"];
+}
 
 export const ListRoot = forwardRef<HTMLUListElement, ListRootProps>(
-  ({ as = "ul", ...props }, ref) => {
-    return <VStack as={as} ref={ref as React.ForwardedRef<HTMLDivElement>} {...props} />;
+  ({ as = "ul", style, itemBorderRadius, ...props }, ref) => {
+    return (
+      <VStack
+        as={as}
+        ref={ref as React.ForwardedRef<HTMLDivElement>}
+        style={
+          {
+            ...style,
+            "--list-item-border-radius": handleRadius(itemBorderRadius),
+          } as React.CSSProperties
+        }
+        {...props}
+      />
+    );
   },
 );
 

package/src/components/PageBanner/PageBanner.tsx

@@ -1,4 +1,5 @@
 import type * as React from "react";
+import { forwardRef } from "react";
 
 import { pageBanner, type PageBannerVariantProps } from "@seed-design/css/recipes/page-banner";
 import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
@@ -8,16 +9,52 @@ import {
   DismissibleRoot,
   type DismissibleRootProps,
 } from "../private/useDismissible";
+import clsx from "clsx";
 
-const { withContext, withProvider } = createSlotRecipeContext(pageBanner);
+const { withContext, ClassNamesProvider } = createSlotRecipeContext(pageBanner);
 
 export interface PageBannerRootProps extends PageBannerVariantProps, DismissibleRootProps {}
 
-export const PageBannerRoot = withProvider<HTMLDivElement, PageBannerRootProps>(
-  DismissibleRoot,
-  "root",
+export const PageBannerRoot = forwardRef<HTMLDivElement, PageBannerRootProps>(
+  ({ className, ...props }, ref) => {
+    if (props.variant === "solid" && props.tone === "magic") {
+      console.error(
+        `\`${props.tone}\` tone is not available for \`${props.variant}\` variant in PageBanner components. Please use variant="weak" or a different tone instead.`,
+      );
+    }
+
+    const [variantProps, otherProps] = pageBanner.splitVariantProps(props);
+    const classNames = pageBanner(variantProps);
+
+    return (
+      <ClassNamesProvider value={classNames}>
+        <DismissibleRoot className={clsx(classNames.root, className)} ref={ref} {...otherProps} />
+      </ClassNamesProvider>
+    );
+  },
 );
 
+// Use these instead when ts implements this:
+// Control flow analysis for destructured rest element of discriminated union
+// https://github.com/microsoft/TypeScript/issues/15300
+
+// export type PageBannerRootProps = DismissibleRootProps &
+//   (
+//     | {
+//         variant?: Exclude<PageBannerVariantProps["variant"], "solid">;
+//         tone?: PageBannerVariantProps["tone"];
+//       }
+//     | {
+//         variant: Extract<PageBannerVariantProps["variant"], "solid">;
+//         tone?: Exclude<PageBannerVariantProps["tone"], "magic">;
+//       }
+//   );
+
+// export const PageBannerRoot = withProvider<HTMLDivElement, PageBannerRootProps>(
+//   DismissibleRoot,
+//   "root",
+// );
+
 export interface PageBannerContentProps
   extends PrimitiveProps,
     React.HTMLAttributes<HTMLDivElement> {}

package/src/components/TagGroup/TagGroup.tsx

@@ -5,7 +5,7 @@ import {
   type TagGroupItemVariantProps,
 } from "@seed-design/css/recipes/tag-group-item";
 import { createRecipeContext } from "../../utils/createRecipeContext";
-import { forwardRef, Children } from "react";
+import { forwardRef, Children, Fragment } from "react";
 import clsx from "clsx";
 import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps";
 import { mergeProps } from "@seed-design/dom-utils";
@@ -29,16 +29,19 @@ export const TagGroupRoot = forwardRef<HTMLSpanElement, TagGroupRootProps>(
     return (
       <PropsProvider value={tagGroupItemVariantProps}>
         <Primitive.span ref={ref} className={clsx(classNames.root, className)} {...otherProps}>
-          {Children.map(children, (child, index) => (
-            <>
-              {index > 0 && (
-                <Primitive.span aria-hidden className={classNames.separator}>
-                  {separator}
-                </Primitive.span>
-              )}
-              {child}
-            </>
-          ))}
+          {Children.toArray(children)
+            .filter((child) => child !== null && child !== undefined)
+            .map((child, index) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: those fragments won't change order
+              <Fragment key={index}>
+                {index > 0 && (
+                  <Primitive.span aria-hidden className={classNames.separator}>
+                    {separator}
+                  </Primitive.span>
+                )}
+                {child}
+              </Fragment>
+            ))}
         </Primitive.span>
       </PropsProvider>
     );

package/src/utils/styled.tsx

@@ -17,7 +17,7 @@ export function handleColor(color: string | undefined) {
     return undefined;
   }
   const [type, value] = color.split(".");
-  // @ts-ignore
+  // @ts-expect-error
   return vars.$color[type]?.[value] ?? color;
 }
 
@@ -36,7 +36,7 @@ export function handleDimension(dimension: string | 0 | undefined): string | und
 
   const [type, value] = dimension.split(".");
 
-  // @ts-ignore
+  // @ts-expect-error
   return vars.$dimension[dimension] ?? vars.$dimension[type]?.[value] ?? dimension;
 }
 
@@ -64,11 +64,11 @@ export function handlePaddingWithSafeArea(
   return paddingValue;
 }
 
-function handleRadius(radius: string | 0 | undefined) {
+export function handleRadius(radius: string | 0 | undefined) {
   if (radius == null) {
     return undefined;
   }
-  // @ts-ignore
+  // @ts-expect-error
   return vars.$radius[radius] ?? radius;
 }
 
@@ -77,7 +77,7 @@ function handleGradient(gradientToken: string | undefined, direction: string | u
     return undefined;
   }
 
-  // @ts-ignore
+  // @ts-expect-error
   const colorStops = vars.$gradient[gradientToken];
   if (!colorStops) {
     return undefined;
@@ -91,7 +91,6 @@ function handleDisplay(display: string | undefined) {
     return undefined;
   }
 
-  // @ts-ignore
   if (process.env.NODE_ENV !== "production") {
     if (display === "inlineFlex" || display === "inlineBlock") {
       console.warn(
@@ -115,7 +114,6 @@ function handleFlexDirection(flexDirection: string | undefined) {
     return undefined;
   }
 
-  // @ts-ignore
   if (process.env.NODE_ENV !== "production") {
     if (flexDirection === "rowReverse" || flexDirection === "columnReverse") {
       console.warn(
@@ -139,7 +137,6 @@ function handleJustifyContent(justifyContent: string | undefined) {
     return undefined;
   }
 
-  // @ts-ignore
   if (process.env.NODE_ENV !== "production") {
     if (justifyContent === "flexStart" || justifyContent === "flexEnd") {
       console.warn(
@@ -169,7 +166,6 @@ function handleAlignItems(alignItems: string | undefined) {
     return undefined;
   }
 
-  // @ts-ignore
   if (process.env.NODE_ENV !== "production") {
     if (alignItems === "flexStart" || alignItems === "flexEnd") {
       console.warn(
@@ -652,7 +648,7 @@ export function withStyleProps<P extends {}, R>(
   const Node = forwardRef<R, P>((props, ref) => {
     const { style, restProps } = useStyleProps(props);
 
-    // @ts-ignore
+    // @ts-expect-error
     return <Component ref={ref} style={style} {...restProps} />;
   });