@seed-design/react 0.0.4 → 0.0.6

package/lib/components/ReactionButton/ReactionButton.cjs

@@ -7,7 +7,7 @@ const reactionButton = require('@seed-design/css/recipes/reaction-button');
 const reactToggle = require('@seed-design/react-toggle');
 const clsx = require('clsx');
 const React = require('react');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -29,16 +29,16 @@ function _interopNamespaceDefault(e) {
 
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const { ClassNamesProvider } = createStyleContext.createStyleContext(reactionButton.reactionButton);
+const { ClassNameProvider } = createRecipeContext.createRecipeContext(reactionButton.reactionButton);
 const ReactionButton = React__namespace.forwardRef(
   ({ size = "small", loading = false, className, ...otherProps }, ref) => {
-    const classNames = reactionButton.reactionButton({ size });
+    const recipeClassName = reactionButton.reactionButton({ size });
     const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNameProvider, { value: recipeClassName, children: /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
       reactToggle.Toggle.Root,
       {
         ref,
-        className: clsx(classNames.root, className),
+        className: clsx(recipeClassName, className),
         ...api.stateProps,
         ...otherProps
       }

package/lib/components/ReactionButton/ReactionButton.js

@@ -3,19 +3,19 @@ import { reactionButton } from '@seed-design/css/recipes/reaction-button';
 import { Toggle } from '@seed-design/react-toggle';
 import clsx from 'clsx';
 import * as React from 'react';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
 
-const { ClassNamesProvider } = createStyleContext(reactionButton);
+const { ClassNameProvider } = createRecipeContext(reactionButton);
 const ReactionButton = React.forwardRef(
   ({ size = "small", loading = false, className, ...otherProps }, ref) => {
-    const classNames = reactionButton({ size });
+    const recipeClassName = reactionButton({ size });
     const api = usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ClassNameProvider, { value: recipeClassName, children: /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(
       Toggle.Root,
       {
         ref,
-        className: clsx(classNames.root, className),
+        className: clsx(recipeClassName, className),
         ...api.stateProps,
         ...otherProps
       }

package/lib/components/SegmentedControl/SegmentedControl.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const segmentedControl = require('@seed-design/css/recipes/segmented-control');
 const reactPrimitive = require('@seed-design/react-primitive');
 const reactSegmentedControl = require('@seed-design/react-segmented-control');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 
-const { withProvider, withContext } = createStyleContext.createStyleContext(segmentedControl.segmentedControl);
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(segmentedControl.segmentedControl);
 const SegmentedControlRoot = withProvider(
   reactSegmentedControl.SegmentedControl.Root,
   "root"

package/lib/components/SegmentedControl/SegmentedControl.js

@@ -1,9 +1,9 @@
 import { segmentedControl } from '@seed-design/css/recipes/segmented-control';
 import { Primitive } from '@seed-design/react-primitive';
 import { SegmentedControl } from '@seed-design/react-segmented-control';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 
-const { withProvider, withContext } = createStyleContext(segmentedControl);
+const { withProvider, withContext } = createSlotRecipeContext(segmentedControl);
 const SegmentedControlRoot = withProvider(
   SegmentedControl.Root,
   "root"

package/lib/components/SelectBox/CheckSelectBox.cjs

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const reactCheckbox = require('@seed-design/react-checkbox');
-const reactPrimitive = require('@seed-design/react-primitive');
 const selectBox = require('@seed-design/css/recipes/select-box');
 const selectBoxGroup = require('@seed-design/css/recipes/select-box-group');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const reactCheckbox = require('@seed-design/react-checkbox');
+const reactPrimitive = require('@seed-design/react-primitive');
+const React = require('react');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
-const React = require('react');
 
-const { withProvider: withGroupProvider } = createStyleContext.createStyleContext(selectBoxGroup.selectBoxGroup);
-const { withProvider, withContext } = createStyleContext.createStyleContext(selectBox.selectBox);
+const { withProvider: withGroupProvider } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
 const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
 const CheckSelectBoxGroup = withGroupProvider(
-  React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, role: "group", ...props })),
-  "root"
+  React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, role: "group", ...props }))
 );
 const CheckSelectBoxRoot = withProvider(
   reactCheckbox.Checkbox.Root,

package/lib/components/SelectBox/CheckSelectBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/CheckSelectBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAK9E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,qHAK/B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB,CAAC,SAAS;CAAG;AAE/E,eAAO,MAAM,kBAAkB,sHAG9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,4HAGU,CAAC;AAEjD,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB,CAAC,YAAY;CAAG;AAErF,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,mHAG9B,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F,eAAO,MAAM,yBAAyB,iIAAgC,CAAC"}
+{"version":3,"file":"CheckSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/CheckSelectBox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAK9E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMvE,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,qHAI/B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB,CAAC,SAAS;CAAG;AAE/E,eAAO,MAAM,kBAAkB,sHAG9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,4HAGU,CAAC;AAEjD,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB,CAAC,YAAY;CAAG;AAErF,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,mHAG9B,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F,eAAO,MAAM,yBAAyB,iIAAgC,CAAC"}

package/lib/components/SelectBox/CheckSelectBox.js

@@ -1,19 +1,19 @@
 import { jsx } from 'react/jsx-runtime';
-import { Checkbox, useCheckboxContext } from '@seed-design/react-checkbox';
-import { Primitive } from '@seed-design/react-primitive';
 import { selectBox } from '@seed-design/css/recipes/select-box';
 import { selectBoxGroup } from '@seed-design/css/recipes/select-box-group';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { Checkbox, useCheckboxContext } from '@seed-design/react-checkbox';
+import { Primitive } from '@seed-design/react-primitive';
+import { forwardRef } from 'react';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
-import { forwardRef } from 'react';
 
-const { withProvider: withGroupProvider } = createStyleContext(selectBoxGroup);
-const { withProvider, withContext } = createStyleContext(selectBox);
+const { withProvider: withGroupProvider } = createRecipeContext(selectBoxGroup);
+const { withProvider, withContext } = createSlotRecipeContext(selectBox);
 const withStateProps = createWithStateProps([useCheckboxContext]);
 const CheckSelectBoxGroup = withGroupProvider(
-  forwardRef((props, ref) => /* @__PURE__ */ jsx(Primitive.div, { ref, role: "group", ...props })),
-  "root"
+  forwardRef((props, ref) => /* @__PURE__ */ jsx(Primitive.div, { ref, role: "group", ...props }))
 );
 const CheckSelectBoxRoot = withProvider(
   Checkbox.Root,

package/lib/components/SelectBox/RadioSelectBox.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const reactPrimitive = require('@seed-design/react-primitive');
-const reactRadioGroup = require('@seed-design/react-radio-group');
 const selectBox = require('@seed-design/css/recipes/select-box');
 const selectBoxGroup = require('@seed-design/css/recipes/select-box-group');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const reactPrimitive = require('@seed-design/react-primitive');
+const reactRadioGroup = require('@seed-design/react-radio-group');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
 
-const { withProvider: withGroupProvider } = createStyleContext.createStyleContext(selectBoxGroup.selectBoxGroup);
-const { withProvider, withContext } = createStyleContext.createStyleContext(selectBox.selectBox);
+const { withProvider: withGroupProvider } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
 const withStateProps = createWithStateProps.createWithStateProps([reactRadioGroup.useRadioGroupItemContext]);
 const RadioSelectBoxRoot = withGroupProvider(
-  reactRadioGroup.RadioGroup.Root,
-  "root"
+  reactRadioGroup.RadioGroup.Root
 );
 const RadioSelectBoxItem = withProvider(
   reactRadioGroup.RadioGroup.Item,

package/lib/components/SelectBox/RadioSelectBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/RadioSelectBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AAKxC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMvE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAEjF,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAEjF,eAAO,MAAM,kBAAkB,sHAG9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,4HAGU,CAAC;AAEjD,MAAM,WAAW,0BAA2B,SAAQ,mBAAmB,CAAC,gBAAgB;CAAG;AAE3F,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,mHAG9B,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}
+{"version":3,"file":"RadioSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/RadioSelectBox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AAIxC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMvE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAEjF,eAAO,MAAM,kBAAkB,oHAE9B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAEjF,eAAO,MAAM,kBAAkB,sHAG9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,4HAGU,CAAC;AAEjD,MAAM,WAAW,0BAA2B,SAAQ,mBAAmB,CAAC,gBAAgB;CAAG;AAE3F,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,mHAG9B,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}

package/lib/components/SelectBox/RadioSelectBox.js

@@ -1,17 +1,17 @@
-import { Primitive } from '@seed-design/react-primitive';
-import { RadioGroup, useRadioGroupItemContext } from '@seed-design/react-radio-group';
 import { selectBox } from '@seed-design/css/recipes/select-box';
 import { selectBoxGroup } from '@seed-design/css/recipes/select-box-group';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { Primitive } from '@seed-design/react-primitive';
+import { RadioGroup, useRadioGroupItemContext } from '@seed-design/react-radio-group';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
 
-const { withProvider: withGroupProvider } = createStyleContext(selectBoxGroup);
-const { withProvider, withContext } = createStyleContext(selectBox);
+const { withProvider: withGroupProvider } = createRecipeContext(selectBoxGroup);
+const { withProvider, withContext } = createSlotRecipeContext(selectBox);
 const withStateProps = createWithStateProps([useRadioGroupItemContext]);
 const RadioSelectBoxRoot = withGroupProvider(
-  RadioGroup.Root,
-  "root"
+  RadioGroup.Root
 );
 const RadioSelectBoxItem = withProvider(
   RadioGroup.Item,

package/lib/components/Skeleton/Skeleton.cjs

@@ -4,13 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const reactPrimitive = require('@seed-design/react-primitive');
 const skeleton = require('@seed-design/css/recipes/skeleton');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const styled = require('../../utils/styled.cjs');
 
-const { withProvider } = createStyleContext.createStyleContext(skeleton.skeleton);
-const Skeleton = withProvider(
-  styled.withStyleProps(reactPrimitive.Primitive.div),
-  "root"
-);
+const { withProvider } = createRecipeContext.createRecipeContext(skeleton.skeleton);
+const Skeleton = withProvider(styled.withStyleProps(reactPrimitive.Primitive.div));
 
 exports.Skeleton = Skeleton;

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrE,MAAM,WAAW,aACf,SAAQ,oBAAoB,EAC1B,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC,EACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAAG;AAE1D,eAAO,MAAM,QAAQ,sFAGpB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrE,MAAM,WAAW,aACf,SAAQ,oBAAoB,EAC1B,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC,EACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAAG;AAE1D,eAAO,MAAM,QAAQ,sFAA6E,CAAC"}

package/lib/components/Skeleton/Skeleton.js

@@ -1,12 +1,9 @@
 import { Primitive } from '@seed-design/react-primitive';
 import { skeleton } from '@seed-design/css/recipes/skeleton';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { withStyleProps } from '../../utils/styled.js';
 
-const { withProvider } = createStyleContext(skeleton);
-const Skeleton = withProvider(
-  withStyleProps(Primitive.div),
-  "root"
-);
+const { withProvider } = createRecipeContext(skeleton);
+const Skeleton = withProvider(withStyleProps(Primitive.div));
 
 export { Skeleton };

package/lib/components/Snackbar/Snackbar.cjs

@@ -3,22 +3,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const reactPrimitive = require('@seed-design/react-primitive');
-const reactSnackbar = require('@seed-design/react-snackbar');
 const snackbar = require('@seed-design/css/recipes/snackbar');
 const snackbarRegion = require('@seed-design/css/recipes/snackbar-region');
-const visuallyHidden = require('@seed-design/css/recipes/visually-hidden');
-const clsx = require('clsx');
+const domUtils = require('@seed-design/dom-utils');
+const reactPrimitive = require('@seed-design/react-primitive');
+const reactSnackbar = require('@seed-design/react-snackbar');
 const React = require('react');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const Icon = require('../private/Icon.cjs');
 
-const { withProvider: withRegionProvider } = createStyleContext.createStyleContext(snackbarRegion.snackbarRegion);
-const { withProvider, withContext } = createStyleContext.createStyleContext(snackbar.snackbar);
+const { withProvider: withRegionProvider } = createRecipeContext.createRecipeContext(snackbarRegion.snackbarRegion);
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(snackbar.snackbar);
 const SnackbarRootProvider = reactSnackbar.Snackbar.RootProvider;
 const SnackbarRegion = withRegionProvider(
-  reactSnackbar.Snackbar.Region,
-  "root"
+  reactSnackbar.Snackbar.Region
 );
 const SnackbarRoot = withProvider(
   reactSnackbar.Snackbar.Root,
@@ -36,26 +35,23 @@ const SnackbarActionButton = withContext(
   reactPrimitive.Primitive.button,
   "actionButton"
 );
-const SnackbarCloseButton = React.forwardRef(
-  (props, ref) => {
-    const { className, ...otherProps } = props;
-    const classNames = React.useMemo(() => visuallyHidden.visuallyHidden(), []);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactSnackbar.Snackbar.CloseButton,
-      {
-        ref,
-        className: clsx(classNames.root, className),
-        ...otherProps
-      }
-    );
-  }
-);
+const SnackbarHiddenCloseButton = React.forwardRef((props, ref) => {
+  const { style, ...otherProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSnackbar.Snackbar.CloseButton,
+    {
+      ref,
+      style: { ...domUtils.visuallyHidden, ...style },
+      ...otherProps
+    }
+  );
+});
 const SnackbarRenderer = reactSnackbar.Snackbar.Renderer;
 const SnackbarAvoidOverlap = reactSnackbar.Snackbar.AvoidOverlap;
 
 exports.SnackbarActionButton = SnackbarActionButton;
 exports.SnackbarAvoidOverlap = SnackbarAvoidOverlap;
-exports.SnackbarCloseButton = SnackbarCloseButton;
+exports.SnackbarHiddenCloseButton = SnackbarHiddenCloseButton;
 exports.SnackbarMessage = SnackbarMessage;
 exports.SnackbarPrefixIcon = SnackbarPrefixIcon;
 exports.SnackbarRegion = SnackbarRegion;

package/lib/components/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
+import { SnackbarVariantProps } from '@seed-design/css/recipes/snackbar';
 import { PrimitiveProps } from '@seed-design/react-primitive';
 import { Snackbar as SnackbarPrimitive } from '@seed-design/react-snackbar';
-import { SnackbarVariantProps } from '@seed-design/css/recipes/snackbar';
 import { InternalIconProps } from '../private/Icon';
 import { ForwardRefExoticComponent, RefAttributes, ReactNode, ReactElement, JSXElementConstructor } from 'react';
 export interface SnackbarRootProviderProps extends SnackbarPrimitive.RootProviderProps {
@@ -21,12 +21,12 @@ export declare const SnackbarPrefixIcon: ForwardRefExoticComponent<SnackbarPrefi
 export interface SnackbarActionButtonProps extends PrimitiveProps, React.HTMLAttributes<HTMLButtonElement> {
 }
 export declare const SnackbarActionButton: ForwardRefExoticComponent<SnackbarActionButtonProps & RefAttributes<HTMLButtonElement>>;
-export interface SnackbarCloseButtonProps extends SnackbarPrimitive.CloseButtonProps {
+export interface SnackbarHiddenCloseButtonProps extends SnackbarPrimitive.CloseButtonProps {
 }
 /**
  * Visually hidden button that closes the snackbar (for screen readers).
  */
-export declare const SnackbarCloseButton: ForwardRefExoticComponent<SnackbarCloseButtonProps & RefAttributes<HTMLButtonElement>>;
+export declare const SnackbarHiddenCloseButton: ForwardRefExoticComponent<SnackbarHiddenCloseButtonProps & RefAttributes<HTMLButtonElement>>;
 export interface SnackbarRendererProps extends SnackbarPrimitive.RendererProps {
 }
 export declare const SnackbarRenderer: (_props: SnackbarPrimitive.RendererProps) => ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,qHAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,oBAAoB,yHAGhC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF;;GAEG;AACH,eAAO,MAAM,mBAAmB,wHAY/B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,CAAC,aAAa;CAAG;AAEjF,eAAO,MAAM,gBAAgB,wEAA6B,CAAC;AAI3D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,wIAAiC,CAAC"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAI5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,qHAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAE1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,oBAAoB,yHAGhC,CAAC;AAIF,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F;;GAEG;AACH,eAAO,MAAM,yBAAyB,8HAYpC,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,CAAC,aAAa;CAAG;AAEjF,eAAO,MAAM,gBAAgB,wEAA6B,CAAC;AAI3D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,wIAAiC,CAAC"}

package/lib/components/Snackbar/Snackbar.js

@@ -1,20 +1,19 @@
 import { jsx } from 'react/jsx-runtime';
-import { Primitive } from '@seed-design/react-primitive';
-import { Snackbar } from '@seed-design/react-snackbar';
 import { snackbar } from '@seed-design/css/recipes/snackbar';
 import { snackbarRegion } from '@seed-design/css/recipes/snackbar-region';
-import { visuallyHidden } from '@seed-design/css/recipes/visually-hidden';
-import clsx from 'clsx';
-import { forwardRef, useMemo } from 'react';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { visuallyHidden } from '@seed-design/dom-utils';
+import { Primitive } from '@seed-design/react-primitive';
+import { Snackbar } from '@seed-design/react-snackbar';
+import { forwardRef } from 'react';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { InternalIcon } from '../private/Icon.js';
 
-const { withProvider: withRegionProvider } = createStyleContext(snackbarRegion);
-const { withProvider, withContext } = createStyleContext(snackbar);
+const { withProvider: withRegionProvider } = createRecipeContext(snackbarRegion);
+const { withProvider, withContext } = createSlotRecipeContext(snackbar);
 const SnackbarRootProvider = Snackbar.RootProvider;
 const SnackbarRegion = withRegionProvider(
-  Snackbar.Region,
-  "root"
+  Snackbar.Region
 );
 const SnackbarRoot = withProvider(
   Snackbar.Root,
@@ -32,21 +31,18 @@ const SnackbarActionButton = withContext(
   Primitive.button,
   "actionButton"
 );
-const SnackbarCloseButton = forwardRef(
-  (props, ref) => {
-    const { className, ...otherProps } = props;
-    const classNames = useMemo(() => visuallyHidden(), []);
-    return /* @__PURE__ */ jsx(
-      Snackbar.CloseButton,
-      {
-        ref,
-        className: clsx(classNames.root, className),
-        ...otherProps
-      }
-    );
-  }
-);
+const SnackbarHiddenCloseButton = forwardRef((props, ref) => {
+  const { style, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    Snackbar.CloseButton,
+    {
+      ref,
+      style: { ...visuallyHidden, ...style },
+      ...otherProps
+    }
+  );
+});
 const SnackbarRenderer = Snackbar.Renderer;
 const SnackbarAvoidOverlap = Snackbar.AvoidOverlap;
 
-export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider };
+export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider };

package/lib/components/Snackbar/Snackbar.namespace.cjs

@@ -8,7 +8,7 @@ const Snackbar = require('./Snackbar.cjs');
 
 exports.ActionButton = Snackbar.SnackbarActionButton;
 exports.AvoidOverlap = Snackbar.SnackbarAvoidOverlap;
-exports.CloseButton = Snackbar.SnackbarCloseButton;
+exports.HiddenCloseButton = Snackbar.SnackbarHiddenCloseButton;
 exports.Message = Snackbar.SnackbarMessage;
 exports.PrefixIcon = Snackbar.SnackbarPrefixIcon;
 exports.Region = Snackbar.SnackbarRegion;

package/lib/components/Snackbar/Snackbar.namespace.d.ts

@@ -1,2 +1,2 @@
-export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarCloseButton as CloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider, type SnackbarActionButtonProps as ActionButtonProps, type SnackbarAvoidOverlapProps as AvoidOverlapProps, type SnackbarCloseButtonProps as CloseButtonProps, type SnackbarMessageProps as MessageProps, type SnackbarPrefixIconProps as PrefixIconProps, type SnackbarRegionProps as RegionProps, type SnackbarRendererProps as RendererProps, type SnackbarRootProps as RootProps, type SnackbarRootProviderProps as RootProviderProps, } from './Snackbar';
+export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarHiddenCloseButton as HiddenCloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider, type SnackbarActionButtonProps as ActionButtonProps, type SnackbarAvoidOverlapProps as AvoidOverlapProps, type SnackbarHiddenCloseButtonProps as HiddenCloseButtonProps, type SnackbarMessageProps as MessageProps, type SnackbarPrefixIconProps as PrefixIconProps, type SnackbarRegionProps as RegionProps, type SnackbarRendererProps as RendererProps, type SnackbarRootProps as RootProps, type SnackbarRootProviderProps as RootProviderProps, } from './Snackbar';
 //# sourceMappingURL=Snackbar.namespace.d.ts.map

package/lib/components/Snackbar/Snackbar.namespace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,YAAY,EACpC,oBAAoB,IAAI,YAAY,EACpC,mBAAmB,IAAI,WAAW,EAClC,eAAe,IAAI,OAAO,EAC1B,kBAAkB,IAAI,UAAU,EAChC,cAAc,IAAI,MAAM,EACxB,gBAAgB,IAAI,QAAQ,EAC5B,YAAY,IAAI,IAAI,EACpB,oBAAoB,IAAI,YAAY,EACpC,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,uBAAuB,IAAI,eAAe,EAC/C,KAAK,mBAAmB,IAAI,WAAW,EACvC,KAAK,qBAAqB,IAAI,aAAa,EAC3C,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,yBAAyB,IAAI,iBAAiB,GACpD,MAAM,YAAY,CAAC"}
+{"version":3,"file":"Snackbar.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,YAAY,EACpC,oBAAoB,IAAI,YAAY,EACpC,yBAAyB,IAAI,iBAAiB,EAC9C,eAAe,IAAI,OAAO,EAC1B,kBAAkB,IAAI,UAAU,EAChC,cAAc,IAAI,MAAM,EACxB,gBAAgB,IAAI,QAAQ,EAC5B,YAAY,IAAI,IAAI,EACpB,oBAAoB,IAAI,YAAY,EACpC,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,yBAAyB,IAAI,iBAAiB,EACnD,KAAK,8BAA8B,IAAI,sBAAsB,EAC7D,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,uBAAuB,IAAI,eAAe,EAC/C,KAAK,mBAAmB,IAAI,WAAW,EACvC,KAAK,qBAAqB,IAAI,aAAa,EAC3C,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,yBAAyB,IAAI,iBAAiB,GACpD,MAAM,YAAY,CAAC"}

package/lib/components/Snackbar/Snackbar.namespace.js

@@ -1 +1 @@
-export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarCloseButton as CloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider } from './Snackbar.js';
+export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarHiddenCloseButton as HiddenCloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider } from './Snackbar.js';

package/lib/components/Snackbar/index.cjs

@@ -11,7 +11,7 @@ const Snackbar_namespace = require('./Snackbar.namespace.cjs');
 
 exports.SnackbarActionButton = Snackbar.SnackbarActionButton;
 exports.SnackbarAvoidOverlap = Snackbar.SnackbarAvoidOverlap;
-exports.SnackbarCloseButton = Snackbar.SnackbarCloseButton;
+exports.SnackbarHiddenCloseButton = Snackbar.SnackbarHiddenCloseButton;
 exports.SnackbarMessage = Snackbar.SnackbarMessage;
 exports.SnackbarPrefixIcon = Snackbar.SnackbarPrefixIcon;
 exports.SnackbarRegion = Snackbar.SnackbarRegion;

package/lib/components/Snackbar/index.d.ts

@@ -1,4 +1,4 @@
-export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, type SnackbarActionButtonProps, type SnackbarAvoidOverlapProps, type SnackbarCloseButtonProps, type SnackbarMessageProps, type SnackbarPrefixIconProps, type SnackbarRegionProps, type SnackbarRendererProps, type SnackbarRootProps, type SnackbarRootProviderProps, } from './Snackbar';
+export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, type SnackbarActionButtonProps, type SnackbarAvoidOverlapProps, type SnackbarHiddenCloseButtonProps, type SnackbarMessageProps, type SnackbarPrefixIconProps, type SnackbarRegionProps, type SnackbarRendererProps, type SnackbarRootProps, type SnackbarRootProviderProps, } from './Snackbar';
 export { useSnackbarContext, type UseSnackbarContext, type CreateSnackbarOptions, } from '@seed-design/react-snackbar';
 export { useSnackbarAdapter, type UseSnackbarAdapterReturn, } from './useSnackbarAdapter';
 export * as Snackbar from './Snackbar.namespace';

package/lib/components/Snackbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,kBAAkB,EAClB,KAAK,wBAAwB,GAC9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,8BAA8B,EACnC,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,kBAAkB,EAClB,KAAK,wBAAwB,GAC9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}

package/lib/components/Snackbar/index.js

@@ -1,4 +1,4 @@
-export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from './Snackbar.js';
+export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from './Snackbar.js';
 export { useSnackbarContext } from '@seed-design/react-snackbar';
 export { useSnackbarAdapter } from './useSnackbarAdapter.js';
 import * as Snackbar_namespace from './Snackbar.namespace.js';

package/lib/components/Switch/Switch.cjs

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const reactSwitch = require('@seed-design/react-switch');
 const _switch = require('@seed-design/css/recipes/switch');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 
-const { withProvider, withContext } = createStyleContext.createStyleContext(_switch.switchStyle);
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(_switch.switchStyle);
 const withStateProps = createWithStateProps.createWithStateProps([reactSwitch.useSwitchContext]);
 const SwitchRoot = withProvider(
   reactSwitch.Switch.Root,

package/lib/components/Switch/Switch.js

@@ -1,10 +1,10 @@
 import { Switch, useSwitchContext } from '@seed-design/react-switch';
 import { switchStyle } from '@seed-design/css/recipes/switch';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { Primitive } from '@seed-design/react-primitive';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 
-const { withProvider, withContext } = createStyleContext(switchStyle);
+const { withProvider, withContext } = createSlotRecipeContext(switchStyle);
 const withStateProps = createWithStateProps([useSwitchContext]);
 const SwitchRoot = withProvider(
   Switch.Root,

package/lib/components/Tabs/Tabs.cjs

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const reactPrimitive = require('@seed-design/react-primitive');
 const reactTabs = require('@seed-design/react-tabs');
 const tabs = require('@seed-design/css/recipes/tabs');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 
-const { withProvider, withContext } = createStyleContext.createStyleContext(tabs.tabs);
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(tabs.tabs);
 const withStateProps = createWithStateProps.createWithStateProps([reactTabs.useTabsContext, reactTabs.useTabsTriggerContext], {
   strict: false
 });

package/lib/components/Tabs/Tabs.js

@@ -1,10 +1,10 @@
 import { Primitive } from '@seed-design/react-primitive';
 import { Tabs, useTabsContext, useTabsTriggerContext } from '@seed-design/react-tabs';
 import { tabs } from '@seed-design/css/recipes/tabs';
-import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 
-const { withProvider, withContext } = createStyleContext(tabs);
+const { withProvider, withContext } = createSlotRecipeContext(tabs);
 const withStateProps = createWithStateProps([useTabsContext, useTabsTriggerContext], {
   strict: false
 });

package/lib/components/Text/Text.cjs

@@ -56,7 +56,7 @@ const Text = ({
   ...otherProps
 }) => {
   const Comp = as || "span";
-  const classNames = React.useMemo(
+  const textClassName = React.useMemo(
     () => text.text({
       textStyle,
       maxLines: mapMaxLines(maxLines)
@@ -66,7 +66,7 @@ const Text = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
     {
-      className: clsx(classNames.root, className),
+      className: clsx(textClassName, className),
       style: {
         "--seed-max-lines": maxLines,
         "--seed-text-color": handleColor(color),

package/lib/components/Text/Text.js

@@ -52,7 +52,7 @@ const Text = ({
   ...otherProps
 }) => {
   const Comp = as || "span";
-  const classNames = useMemo(
+  const textClassName = useMemo(
     () => text({
       textStyle,
       maxLines: mapMaxLines(maxLines)
@@ -62,7 +62,7 @@ const Text = ({
   return /* @__PURE__ */ jsx(
     Comp,
     {
-      className: clsx(classNames.root, className),
+      className: clsx(textClassName, className),
       style: {
         "--seed-max-lines": maxLines,
         "--seed-text-color": handleColor(color),

package/lib/components/TextField/TextField.cjs

@@ -9,12 +9,12 @@ const reactTextField = require('@seed-design/react-text-field');
 const textField = require('@seed-design/css/recipes/text-field');
 const clsx = require('clsx');
 const React = require('react');
-const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
 const reactComposeRefs = require('@radix-ui/react-compose-refs');
 
-const { withProvider, withContext, useClassNames } = createStyleContext.createStyleContext(textField.textField);
+const { withProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(textField.textField);
 const withStateProps = createWithStateProps.createWithStateProps([reactTextField.useTextFieldContext]);
 const TextFieldRoot = withProvider(
   reactTextField.TextField.Root,