@seed-design/react 1.1.18 → 1.1.19

package/lib/components/MenuSheet/MenuSheet.js

@@ -5,17 +5,16 @@ import { Primitive } from '@seed-design/react-primitive';
 import { menuSheet } from '@seed-design/css/recipes/menu-sheet';
 import { menuSheetItem } from '@seed-design/css/recipes/menu-sheet-item';
 import * as React from 'react';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import clsx from 'clsx';
 
-const { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(menuSheet);
+const { withRootProvider, withContext } = createSlotRecipeContext(menuSheet);
 const {
-  PropsProvider: ItemPropsProvider,
-  useProps: useItemProps,
   withContext: withItemContext,
-  ClassNamesProvider: ItemClassNamesProvider
-} = createSlotRecipeContext(menuSheetItem);
+  PropsProvider: ItemPropsProvider,
+  useProps: useItemProps
+} = createRecipeContext(menuSheetItem);
 const withStateProps = createWithStateProps([useDialogContext]);
 const MenuSheetRoot = withRootProvider(Dialog.Root, {
   defaultProps: {
@@ -32,18 +31,13 @@ const MenuSheetBackdrop = withContext(
   Dialog.Backdrop,
   "backdrop"
 );
+const MenuSheetContentBase = withContext(
+  Dialog.Content,
+  "content"
+);
 const MenuSheetContent = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const [variantProps, otherProps] = menuSheetItem.splitVariantProps(props);
-    const classNames = useClassNames();
-    return /* @__PURE__ */ jsx(ItemPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(
-      Dialog.Content,
-      {
-        className: clsx(classNames.content, className),
-        ref,
-        ...otherProps
-      }
-    ) });
+  ({ labelAlign, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(ItemPropsProvider, { value: React.useMemo(() => ({ labelAlign }), [labelAlign]), children: /* @__PURE__ */ jsx(MenuSheetContentBase, { ref, ...props, children }) });
   }
 );
 const MenuSheetHeader = withContext(
@@ -54,57 +48,31 @@ const MenuSheetTitle = withContext(
   withStateProps(Primitive.h2),
   "title"
 );
-const MenuSheetDescription = withContext(
-  withStateProps(Primitive.p),
-  "description"
-);
 const MenuSheetList = withContext(
   withStateProps(Primitive.div),
   "list"
 );
+const MenuSheetGroupBase = withContext(
+  withStateProps(Primitive.div),
+  "group"
+);
 const MenuSheetGroup = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const [variantProps, otherProps] = menuSheetItem.splitVariantProps(props);
+  ({ labelAlign: overriddenLabelAlign, children, ...props }, ref) => {
     const parentProps = useItemProps();
-    const classNames = useClassNames();
-    const { stateProps } = useDialogContext();
-    return /* @__PURE__ */ jsx(ItemPropsProvider, { value: { ...parentProps, ...variantProps }, children: /* @__PURE__ */ jsx(
-      Primitive.div,
-      {
-        className: clsx(classNames.group, className),
-        ref,
-        ...stateProps,
-        ...otherProps
-      }
-    ) });
+    const labelAlign = overriddenLabelAlign ?? parentProps?.labelAlign;
+    return /* @__PURE__ */ jsx(ItemPropsProvider, { value: React.useMemo(() => ({ labelAlign }), [labelAlign]), children: /* @__PURE__ */ jsx(MenuSheetGroupBase, { ref, ...props, children }) });
   }
 );
+const MenuSheetItemBase = withItemContext(
+  withStateProps(Primitive.button)
+);
 const MenuSheetItem = React.forwardRef(
-  ({ className: propClassName, ...props }, ref) => {
-    const [variantProps, otherProps] = menuSheetItem.splitVariantProps(props);
+  ({ labelAlign: overriddenLabelAlign, ...props }, ref) => {
     const parentProps = useItemProps();
-    const classNames = menuSheetItem({ ...parentProps, ...variantProps });
-    const { stateProps } = useDialogContext();
-    return /* @__PURE__ */ jsx(ItemClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
-      Primitive.button,
-      {
-        ref,
-        className: clsx(classNames.root, propClassName),
-        ...stateProps,
-        ...otherProps
-      }
-    ) });
+    const labelAlign = overriddenLabelAlign ?? parentProps?.labelAlign;
+    return /* @__PURE__ */ jsx(MenuSheetItemBase, { ref, labelAlign, ...props });
   }
 );
-const MenuSheetItemContent = withItemContext(
-  withStateProps(Primitive.div),
-  "content"
-);
-const MenuSheetItemLabel = withItemContext(
-  withStateProps(Primitive.span),
-  "label"
-);
-const MenuSheetItemDescription = withItemContext(withStateProps(Primitive.span), "description");
 const MenuSheetFooter = withContext(
   withStateProps(Primitive.div),
   "footer"
@@ -114,4 +82,4 @@ const MenuSheetCloseButton = withContext(
   "closeButton"
 );
 
-export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger };
+export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger };

package/lib/components/MenuSheet/MenuSheet.namespace.cjs

@@ -9,14 +9,10 @@ const MenuSheet = require('./MenuSheet.cjs');
 exports.Backdrop = MenuSheet.MenuSheetBackdrop;
 exports.CloseButton = MenuSheet.MenuSheetCloseButton;
 exports.Content = MenuSheet.MenuSheetContent;
-exports.Description = MenuSheet.MenuSheetDescription;
 exports.Footer = MenuSheet.MenuSheetFooter;
 exports.Group = MenuSheet.MenuSheetGroup;
 exports.Header = MenuSheet.MenuSheetHeader;
 exports.Item = MenuSheet.MenuSheetItem;
-exports.ItemContent = MenuSheet.MenuSheetItemContent;
-exports.ItemDescription = MenuSheet.MenuSheetItemDescription;
-exports.ItemLabel = MenuSheet.MenuSheetItemLabel;
 exports.List = MenuSheet.MenuSheetList;
 exports.Positioner = MenuSheet.MenuSheetPositioner;
 exports.Root = MenuSheet.MenuSheetRoot;

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

@@ -1,2 +1,2 @@
-export { MenuSheetBackdrop as Backdrop, MenuSheetPositioner as Positioner, MenuSheetContent as Content, MenuSheetFooter as Footer, MenuSheetHeader as Header, MenuSheetRoot as Root, MenuSheetTitle as Title, MenuSheetDescription as Description, MenuSheetTrigger as Trigger, MenuSheetList as List, MenuSheetGroup as Group, MenuSheetItem as Item, MenuSheetItemContent as ItemContent, MenuSheetItemLabel as ItemLabel, MenuSheetItemDescription as ItemDescription, MenuSheetCloseButton as CloseButton, type MenuSheetBackdropProps as BackdropProps, type MenuSheetPositionerProps as PositionerProps, type MenuSheetContentProps as ContentProps, type MenuSheetFooterProps as FooterProps, type MenuSheetHeaderProps as HeaderProps, type MenuSheetRootProps as RootProps, type MenuSheetTitleProps as TitleProps, type MenuSheetDescriptionProps as DescriptionProps, type MenuSheetTriggerProps as TriggerProps, type MenuSheetListProps as ListProps, type MenuSheetGroupProps as GroupProps, type MenuSheetItemProps as ItemProps, type MenuSheetItemContentProps as ItemContentProps, type MenuSheetItemLabelProps as ItemLabelProps, type MenuSheetItemDescriptionProps as ItemDescriptionProps, type MenuSheetCloseButtonProps as CloseButtonProps, } from './MenuSheet';
+export { MenuSheetBackdrop as Backdrop, MenuSheetPositioner as Positioner, MenuSheetContent as Content, MenuSheetFooter as Footer, MenuSheetHeader as Header, MenuSheetRoot as Root, MenuSheetTitle as Title, MenuSheetTrigger as Trigger, MenuSheetList as List, MenuSheetGroup as Group, MenuSheetItem as Item, MenuSheetCloseButton as CloseButton, type MenuSheetBackdropProps as BackdropProps, type MenuSheetPositionerProps as PositionerProps, type MenuSheetContentProps as ContentProps, type MenuSheetFooterProps as FooterProps, type MenuSheetHeaderProps as HeaderProps, type MenuSheetRootProps as RootProps, type MenuSheetTitleProps as TitleProps, type MenuSheetTriggerProps as TriggerProps, type MenuSheetListProps as ListProps, type MenuSheetGroupProps as GroupProps, type MenuSheetItemProps as ItemProps, type MenuSheetCloseButtonProps as CloseButtonProps, } from './MenuSheet';
 //# sourceMappingURL=MenuSheet.namespace.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSheet.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/MenuSheet.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,mBAAmB,IAAI,UAAU,EACjC,gBAAgB,IAAI,OAAO,EAC3B,eAAe,IAAI,MAAM,EACzB,eAAe,IAAI,MAAM,EACzB,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,oBAAoB,IAAI,WAAW,EACnC,gBAAgB,IAAI,OAAO,EAC3B,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,aAAa,IAAI,IAAI,EACrB,oBAAoB,IAAI,WAAW,EACnC,kBAAkB,IAAI,SAAS,EAC/B,wBAAwB,IAAI,eAAe,EAC3C,oBAAoB,IAAI,WAAW,EACnC,KAAK,sBAAsB,IAAI,aAAa,EAC5C,KAAK,wBAAwB,IAAI,eAAe,EAChD,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,mBAAmB,IAAI,UAAU,EACtC,KAAK,yBAAyB,IAAI,gBAAgB,EAClD,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,mBAAmB,IAAI,UAAU,EACtC,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,yBAAyB,IAAI,gBAAgB,EAClD,KAAK,uBAAuB,IAAI,cAAc,EAC9C,KAAK,6BAA6B,IAAI,oBAAoB,EAC1D,KAAK,yBAAyB,IAAI,gBAAgB,GACnD,MAAM,aAAa,CAAC"}
+{"version":3,"file":"MenuSheet.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/MenuSheet.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,mBAAmB,IAAI,UAAU,EACjC,gBAAgB,IAAI,OAAO,EAC3B,eAAe,IAAI,MAAM,EACzB,eAAe,IAAI,MAAM,EACzB,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,gBAAgB,IAAI,OAAO,EAC3B,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,aAAa,IAAI,IAAI,EACrB,oBAAoB,IAAI,WAAW,EACnC,KAAK,sBAAsB,IAAI,aAAa,EAC5C,KAAK,wBAAwB,IAAI,eAAe,EAChD,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,mBAAmB,IAAI,UAAU,EACtC,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,mBAAmB,IAAI,UAAU,EACtC,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,yBAAyB,IAAI,gBAAgB,GACnD,MAAM,aAAa,CAAC"}

package/lib/components/MenuSheet/MenuSheet.namespace.js

@@ -1 +1 @@
-export { MenuSheetBackdrop as Backdrop, MenuSheetCloseButton as CloseButton, MenuSheetContent as Content, MenuSheetDescription as Description, MenuSheetFooter as Footer, MenuSheetGroup as Group, MenuSheetHeader as Header, MenuSheetItem as Item, MenuSheetItemContent as ItemContent, MenuSheetItemDescription as ItemDescription, MenuSheetItemLabel as ItemLabel, MenuSheetList as List, MenuSheetPositioner as Positioner, MenuSheetRoot as Root, MenuSheetTitle as Title, MenuSheetTrigger as Trigger } from './MenuSheet.js';
+export { MenuSheetBackdrop as Backdrop, MenuSheetCloseButton as CloseButton, MenuSheetContent as Content, MenuSheetFooter as Footer, MenuSheetGroup as Group, MenuSheetHeader as Header, MenuSheetItem as Item, MenuSheetList as List, MenuSheetPositioner as Positioner, MenuSheetRoot as Root, MenuSheetTitle as Title, MenuSheetTrigger as Trigger } from './MenuSheet.js';

package/lib/components/MenuSheet/index.cjs

@@ -10,14 +10,10 @@ const MenuSheet_namespace = require('./MenuSheet.namespace.cjs');
 exports.MenuSheetBackdrop = MenuSheet.MenuSheetBackdrop;
 exports.MenuSheetCloseButton = MenuSheet.MenuSheetCloseButton;
 exports.MenuSheetContent = MenuSheet.MenuSheetContent;
-exports.MenuSheetDescription = MenuSheet.MenuSheetDescription;
 exports.MenuSheetFooter = MenuSheet.MenuSheetFooter;
 exports.MenuSheetGroup = MenuSheet.MenuSheetGroup;
 exports.MenuSheetHeader = MenuSheet.MenuSheetHeader;
 exports.MenuSheetItem = MenuSheet.MenuSheetItem;
-exports.MenuSheetItemContent = MenuSheet.MenuSheetItemContent;
-exports.MenuSheetItemDescription = MenuSheet.MenuSheetItemDescription;
-exports.MenuSheetItemLabel = MenuSheet.MenuSheetItemLabel;
 exports.MenuSheetList = MenuSheet.MenuSheetList;
 exports.MenuSheetPositioner = MenuSheet.MenuSheetPositioner;
 exports.MenuSheetRoot = MenuSheet.MenuSheetRoot;

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

@@ -1,3 +1,3 @@
-export { MenuSheetBackdrop, MenuSheetPositioner, MenuSheetContent, MenuSheetFooter, MenuSheetHeader, MenuSheetRoot, MenuSheetTitle, MenuSheetDescription, MenuSheetTrigger, MenuSheetList, MenuSheetGroup, MenuSheetItem, MenuSheetItemContent, MenuSheetItemLabel, MenuSheetItemDescription, MenuSheetCloseButton, type MenuSheetBackdropProps, type MenuSheetPositionerProps, type MenuSheetContentProps, type MenuSheetFooterProps, type MenuSheetHeaderProps, type MenuSheetRootProps, type MenuSheetTitleProps, type MenuSheetDescriptionProps, type MenuSheetTriggerProps, type MenuSheetListProps, type MenuSheetGroupProps, type MenuSheetItemProps, type MenuSheetItemContentProps, type MenuSheetItemLabelProps, type MenuSheetItemDescriptionProps, type MenuSheetCloseButtonProps, } from './MenuSheet';
+export { MenuSheetBackdrop, MenuSheetPositioner, MenuSheetContent, MenuSheetFooter, MenuSheetHeader, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger, MenuSheetList, MenuSheetGroup, MenuSheetItem, MenuSheetCloseButton, type MenuSheetBackdropProps, type MenuSheetPositionerProps, type MenuSheetContentProps, type MenuSheetFooterProps, type MenuSheetHeaderProps, type MenuSheetRootProps, type MenuSheetTitleProps, type MenuSheetTriggerProps, type MenuSheetListProps, type MenuSheetGroupProps, type MenuSheetItemProps, type MenuSheetCloseButtonProps, } from './MenuSheet';
 export * as MenuSheet from './MenuSheet.namespace';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,EACpB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,6BAA6B,EAClC,KAAK,yBAAyB,GAC/B,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAC"}

package/lib/components/MenuSheet/index.js

@@ -1,3 +1,3 @@
-export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger } from './MenuSheet.js';
+export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger } from './MenuSheet.js';
 import * as MenuSheet_namespace from './MenuSheet.namespace.js';
 export { MenuSheet_namespace as MenuSheet };

package/lib/components/RadioGroup/RadioGroup.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const radio = require('@seed-design/css/recipes/radio');
-const radioGroup = require('@seed-design/css/recipes/radio-group');
 const radiomark = require('@seed-design/css/recipes/radiomark');
 const domUtils = require('@seed-design/dom-utils');
 const reactRadioGroup = require('@seed-design/react-radio-group');
@@ -16,9 +15,7 @@ const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
 const splitMultipleVariantsProps = require('../../utils/splitMultipleVariantsProps.cjs');
-const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 
-const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(radioGroup.radioGroup);
 const { ClassNamesProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(radio.radio);
 const {
   withProvider: withRadiomarkProvider,
@@ -26,7 +23,7 @@ const {
   PropsProvider: RadiomarkPropsProvider
 } = createSlotRecipeContext.createSlotRecipeContext(radiomark.radiomark);
 const withStateProps = createWithStateProps.createWithStateProps([reactRadioGroup.useRadioGroupItemContext]);
-const RadioGroupRoot = withGroupContext(reactPrimitive.Primitive.div);
+const RadioGroupRoot = reactRadioGroup.RadioGroup.Root;
 const RadioGroupItem = Object.assign(
   React.forwardRef(({ className, ...props }, ref) => {
     const [{ radio: radioVariantProps, radiomark: radiomarkVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(props, { radio: radio.radio, radiomark: radiomark.radiomark });

package/lib/components/RadioGroup/RadioGroup.d.ts

@@ -1,12 +1,11 @@
 import { RadioVariantProps } from '@seed-design/css/recipes/radio';
-import { RadioGroupVariantProps } from '@seed-design/css/recipes/radio-group';
 import { RadiomarkVariantProps } from '@seed-design/css/recipes/radiomark';
 import { RadioGroup as RadioGroupPrimitive } from '@seed-design/react-radio-group';
 import { PrimitiveProps } from '@seed-design/react-primitive';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface RadioGroupRootProps extends RadioGroupVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+export interface RadioGroupRootProps extends RadioGroupPrimitive.RootProps {
 }
-export declare const RadioGroupRoot: ForwardRefExoticComponent<RadioGroupRootProps & RefAttributes<HTMLDivElement>>;
+export declare const RadioGroupRoot: ForwardRefExoticComponent<RadioGroupPrimitive.RootProps & RefAttributes<HTMLDivElement>>;
 export interface RadioGroupItemProps extends RadioVariantProps, RadiomarkVariantProps, RadioGroupPrimitive.ItemProps {
 }
 export declare const RadioGroupItem: ForwardRefExoticComponent<RadioGroupItemProps & RefAttributes<HTMLLabelElement>> & {

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAoB9E,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,cAAc,gHAAuE,CAAC;AAInG,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,qBAAqB,EACrB,mBAAmB,CAAC,SAAS;CAAG;AAEpC,eAAO,MAAM,cAAc;;CAsB1B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,qBAAqB,EAC3B,mBAAmB,CAAC,gBAAgB;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGQ,CAAC;AAI3C,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACtF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,wHA4BnC,CAAC;AAKF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAkB9E,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAAC,SAAS;CAAG;AAE7E,eAAO,MAAM,cAAc,0HAA2B,CAAC;AAIvD,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,qBAAqB,EACrB,mBAAmB,CAAC,SAAS;CAAG;AAEpC,eAAO,MAAM,cAAc;;CAsB1B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,qBAAqB,EAC3B,mBAAmB,CAAC,gBAAgB;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGQ,CAAC;AAI3C,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACtF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,wHA4BnC,CAAC;AAKF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}

package/lib/components/RadioGroup/RadioGroup.js

@@ -1,7 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { radio } from '@seed-design/css/recipes/radio';
-import { radioGroup } from '@seed-design/css/recipes/radio-group';
 import { radiomark } from '@seed-design/css/recipes/radiomark';
 import { mergeProps } from '@seed-design/dom-utils';
 import { RadioGroup, useRadioGroupItemContext } from '@seed-design/react-radio-group';
@@ -12,9 +11,7 @@ import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js'
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
 import { splitMultipleVariantsProps } from '../../utils/splitMultipleVariantsProps.js';
-import { createRecipeContext } from '../../utils/createRecipeContext.js';
 
-const { withContext: withGroupContext } = createRecipeContext(radioGroup);
 const { ClassNamesProvider, withContext } = createSlotRecipeContext(radio);
 const {
   withProvider: withRadiomarkProvider,
@@ -22,7 +19,7 @@ const {
   PropsProvider: RadiomarkPropsProvider
 } = createSlotRecipeContext(radiomark);
 const withStateProps = createWithStateProps([useRadioGroupItemContext]);
-const RadioGroupRoot = withGroupContext(Primitive.div);
+const RadioGroupRoot = RadioGroup.Root;
 const RadioGroupItem = Object.assign(
   forwardRef(({ className, ...props }, ref) => {
     const [{ radio: radioVariantProps, radiomark: radiomarkVariantProps }, otherProps] = splitMultipleVariantsProps(props, { radio, radiomark });

package/lib/components/SelectBox/CheckSelectBox.cjs

@@ -4,146 +4,37 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const reactComposeRefs = require('@radix-ui/react-compose-refs');
 const selectBox = require('@seed-design/css/recipes/select-box');
-const selectBoxCheckmark = require('@seed-design/css/recipes/selectBoxCheckmark');
 const selectBoxGroup = require('@seed-design/css/recipes/select-box-group');
 const reactCheckbox = require('@seed-design/react-checkbox');
-const reactCollapsible = require('@seed-design/react-collapsible');
 const reactPrimitive = require('@seed-design/react-primitive');
-const clsx = require('clsx');
 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 { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
+const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
+const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
 const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
-const FooterContext = React.createContext(null);
-const CheckSelectBoxGroup = React.forwardRef(
-  ({ columns = 1, className, style, ...props }, ref) => {
-    const [variantProps, otherProps] = selectBoxGroup.selectBoxGroup.splitVariantProps(props);
-    const recipeClassName = selectBoxGroup.selectBoxGroup(variantProps);
-    const layout = columns === 1 ? "horizontal" : "vertical";
-    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: { layout }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.div,
-      {
-        ref,
-        "data-columns": columns,
-        className: clsx(recipeClassName, className),
-        style: {
-          ...style,
-          "--seed-select-box-group--columns": columns
-        },
-        ...otherProps
-      }
-    ) });
-  }
+const CheckSelectBoxGroup = withGroupContext(
+  React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, role: "group", ...props }))
 );
-function FooterVisibilityProvider({
-  children,
-  footerVisibility
-}) {
-  const { checked } = reactCheckbox.useCheckboxContext();
-  const collapsible = reactCollapsible.useCollapsible({
-    open: {
-      "when-selected": checked,
-      "when-not-selected": !checked
-    }[footerVisibility]
-  });
-  const [isFooterRendered, setIsFooterRendered] = React.useState(false);
-  const footerRef = React.useCallback((node) => {
-    setIsFooterRendered(!!node);
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactCollapsible.CollapsibleProvider, { value: collapsible, children: /* @__PURE__ */ jsxRuntime.jsx(FooterContext.Provider, { value: { isFooterRendered, footerRef, footerVisibility }, children }) });
-}
-const CheckSelectBoxRoot = React.forwardRef(
-  ({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
-    const [variantProps, otherProps] = selectBox.selectBox.splitVariantProps(props);
-    const classNames = selectBox.selectBox({
-      ...useProps(),
-      ...variantProps
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactCheckbox.Checkbox.Root,
-      {
-        ref,
-        className: clsx(classNames.root, className),
-        ...otherProps,
-        children: footerVisibility === "always" ? children : /* @__PURE__ */ jsxRuntime.jsx(FooterVisibilityProvider, { footerVisibility, children })
-      }
-    ) });
-  }
-);
-const CheckSelectBoxTrigger = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "trigger"
+const CheckSelectBoxRoot = withProvider(
+  reactCheckbox.Checkbox.Root,
+  "root"
 );
 const CheckSelectBoxContent = withContext(
   withStateProps(reactPrimitive.Primitive.div),
   "content"
 );
-const CheckSelectBoxBody = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "body"
-);
 const CheckSelectBoxLabel = withContext(
   withStateProps(reactPrimitive.Primitive.div),
   "label"
 );
 const CheckSelectBoxDescription = withContext(withStateProps(reactPrimitive.Primitive.div), "description");
-const { withProvider: withCheckmarkProvider, withContext: withCheckmarkContext } = createSlotRecipeContext.createSlotRecipeContext(selectBoxCheckmark.selectBoxCheckmark);
-const withCheckmarkStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
-const CheckSelectBoxCheckmarkControl = withCheckmarkProvider(reactCheckbox.Checkbox.Control, "root");
-const CheckSelectBoxCheckmarkIcon = withCheckmarkContext(withCheckmarkStateProps(Icon.InternalIcon), "icon");
-const CheckSelectBoxHiddenInput = React.forwardRef((props, ref) => {
-  const collapsibleContext = reactCollapsible.useCollapsibleContext({ strict: false });
-  const footerContext = React.useContext(FooterContext);
-  const triggerAriaProps = footerContext?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactCheckbox.Checkbox.HiddenInput, { ref, ...triggerAriaProps, ...props });
-});
-CheckSelectBoxHiddenInput.displayName = "CheckSelectBoxHiddenInput";
-const CheckSelectBoxFooter = React.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const classNames = useClassNames();
-    const { stateProps } = reactCheckbox.useCheckboxContext();
-    const collapsibleContext = reactCollapsible.useCollapsibleContext({ strict: false });
-    const footerContext = React.useContext(FooterContext);
-    const composedRef = reactComposeRefs.composeRefs(ref, footerContext?.footerRef ?? null);
-    if (collapsibleContext) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        reactCollapsible.Collapsible.Content,
-        {
-          ref: composedRef,
-          className: clsx(classNames.footer, className),
-          ...stateProps,
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.div,
-      {
-        ref: composedRef,
-        className: clsx(classNames.footer, className),
-        ...stateProps,
-        ...props,
-        children
-      }
-    );
-  }
-);
-CheckSelectBoxFooter.displayName = "CheckSelectBoxFooter";
 
-exports.CheckSelectBoxBody = CheckSelectBoxBody;
-exports.CheckSelectBoxCheckmarkControl = CheckSelectBoxCheckmarkControl;
-exports.CheckSelectBoxCheckmarkIcon = CheckSelectBoxCheckmarkIcon;
 exports.CheckSelectBoxContent = CheckSelectBoxContent;
 exports.CheckSelectBoxDescription = CheckSelectBoxDescription;
-exports.CheckSelectBoxFooter = CheckSelectBoxFooter;
 exports.CheckSelectBoxGroup = CheckSelectBoxGroup;
-exports.CheckSelectBoxHiddenInput = CheckSelectBoxHiddenInput;
 exports.CheckSelectBoxLabel = CheckSelectBoxLabel;
 exports.CheckSelectBoxRoot = CheckSelectBoxRoot;
-exports.CheckSelectBoxTrigger = CheckSelectBoxTrigger;

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

@@ -1,51 +1,23 @@
-import { SelectBoxVariantProps } from '@seed-design/css/recipes/select-box';
-import { SelectBoxCheckmarkVariantProps } from '@seed-design/css/recipes/selectBoxCheckmark';
-import { SelectBoxGroupVariantProps } from '@seed-design/css/recipes/select-box-group';
 import { Checkbox as CheckboxPrimitive } from '@seed-design/react-checkbox';
 import { PrimitiveProps } from '@seed-design/react-primitive';
-import { InternalIconProps } from '../private/Icon';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface CheckSelectBoxGroupProps extends SelectBoxGroupVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Number of columns in the grid layout. When bigger than 1, child `CheckSelectBoxRoot` will have a default layout of "vertical".
-     * @default 1
-     */
-    columns?: number;
+export interface CheckSelectBoxGroupProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
+/**
+ * CheckSelectBoxGroup is a simple div wrapper for future extensibility.
+ * It does not have spacing by default, nesting <VStack> under it is recommended.
+ */
 export declare const CheckSelectBoxGroup: ForwardRefExoticComponent<CheckSelectBoxGroupProps & RefAttributes<HTMLDivElement>>;
-export interface CheckSelectBoxRootProps extends SelectBoxVariantProps, CheckboxPrimitive.RootProps {
-    /**
-     * Controls when the footer is visible.
-     * @default "when-selected"
-     */
-    footerVisibility?: "when-selected" | "when-not-selected" | "always";
+export interface CheckSelectBoxRootProps extends CheckboxPrimitive.RootProps {
 }
 export declare const CheckSelectBoxRoot: ForwardRefExoticComponent<CheckSelectBoxRootProps & RefAttributes<HTMLLabelElement>>;
-export interface CheckSelectBoxTriggerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
-}
-export declare const CheckSelectBoxTrigger: ForwardRefExoticComponent<CheckSelectBoxTriggerProps & RefAttributes<HTMLDivElement>>;
 export interface CheckSelectBoxContentProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
 export declare const CheckSelectBoxContent: ForwardRefExoticComponent<CheckSelectBoxContentProps & RefAttributes<HTMLDivElement>>;
-export interface CheckSelectBoxBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
-}
-export declare const CheckSelectBoxBody: ForwardRefExoticComponent<CheckSelectBoxBodyProps & RefAttributes<HTMLDivElement>>;
-export interface CheckSelectBoxLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
-}
-export declare const CheckSelectBoxLabel: ForwardRefExoticComponent<CheckSelectBoxLabelProps & RefAttributes<HTMLDivElement>>;
-export interface CheckSelectBoxDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
-}
-export declare const CheckSelectBoxDescription: ForwardRefExoticComponent<CheckSelectBoxDescriptionProps & RefAttributes<HTMLDivElement>>;
-export interface CheckSelectBoxCheckmarkControlProps extends SelectBoxCheckmarkVariantProps, CheckboxPrimitive.ControlProps {
-}
-export declare const CheckSelectBoxCheckmarkControl: ForwardRefExoticComponent<CheckSelectBoxCheckmarkControlProps & RefAttributes<HTMLDivElement>>;
-export interface CheckSelectBoxCheckmarkIconProps extends InternalIconProps {
-}
-export declare const CheckSelectBoxCheckmarkIcon: ForwardRefExoticComponent<CheckSelectBoxCheckmarkIconProps & RefAttributes<SVGSVGElement>>;
-export interface CheckSelectBoxHiddenInputProps extends CheckboxPrimitive.HiddenInputProps {
+export interface CheckSelectBoxLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
 }
-export declare const CheckSelectBoxHiddenInput: ForwardRefExoticComponent<CheckSelectBoxHiddenInputProps & RefAttributes<HTMLInputElement>>;
-export interface CheckSelectBoxFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+export declare const CheckSelectBoxLabel: ForwardRefExoticComponent<CheckSelectBoxLabelProps & RefAttributes<HTMLSpanElement>>;
+export interface CheckSelectBoxDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
 }
-export declare const CheckSelectBoxFooter: ForwardRefExoticComponent<CheckSelectBoxFooterProps & RefAttributes<HTMLDivElement>>;
+export declare const CheckSelectBoxDescription: ForwardRefExoticComponent<CheckSelectBoxDescriptionProps & RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=CheckSelectBox.d.ts.map

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":";AACA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAOhG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAY9E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAYvE,MAAM,WAAW,wBACf,SAAQ,0BAA0B,EAChC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,qHAuB/B,CAAC;AA+BF,MAAM,WAAW,uBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,SAAS;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,eAAe,GAAG,mBAAmB,GAAG,QAAQ,CAAC;CACrE;AAED,eAAO,MAAM,kBAAkB,sHA0B9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,yBAAyB,2HAGS,CAAC;AAMhD,MAAM,WAAW,mCACf,SAAQ,8BAA8B,EACpC,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,8BAA8B,gIAGP,CAAC;AAErC,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;CAAG;AAE9E,eAAO,MAAM,2BAA2B,4HAGQ,CAAC;AAEjD,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F,eAAO,MAAM,yBAAyB,6HAapC,CAAC;AAGH,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,oBAAoB,sHAgChC,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;AAU9E,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,4HAGS,CAAC"}