@seed-design/react 1.2.15 → 2.0.0

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.d.ts

@@ -4,7 +4,7 @@ import { ExtendedActionSheetVariantProps } from '@seed-design/css/recipes/extend
 import { ExtendedActionSheetItemVariantProps } from '@seed-design/css/recipes/extended-action-sheet-item';
 import type * as React from "react";
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetRootProps extends ExtendedActionSheetVariantProps, DialogPrimitive.RootProps {
     /**
@@ -17,106 +17,106 @@ export interface ExtendedActionSheetRootProps extends ExtendedActionSheetVariant
     unmountOnExit?: DialogPrimitive.RootProps["unmountOnExit"];
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetRoot: React.ForwardRefExoticComponent<ExtendedActionSheetRootProps>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetTriggerProps extends DialogPrimitive.TriggerProps {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetPositionerProps extends DialogPrimitive.PositionerProps {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetPositioner: React.ForwardRefExoticComponent<ExtendedActionSheetPositionerProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetBackdropProps extends DialogPrimitive.BackdropProps {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetBackdrop: React.ForwardRefExoticComponent<ExtendedActionSheetBackdropProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetContentProps extends DialogPrimitive.ContentProps {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetContent: React.ForwardRefExoticComponent<ExtendedActionSheetContentProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetHeader: React.ForwardRefExoticComponent<ExtendedActionSheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetTitleProps extends DialogPrimitive.TitleProps {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetTitle: React.ForwardRefExoticComponent<ExtendedActionSheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetListProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetList: React.ForwardRefExoticComponent<ExtendedActionSheetListProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetGroupProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetGroup: React.ForwardRefExoticComponent<ExtendedActionSheetGroupProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetItemProps extends PrimitiveProps, ExtendedActionSheetItemVariantProps, React.HTMLAttributes<HTMLButtonElement> {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetItem: React.ForwardRefExoticComponent<ExtendedActionSheetItemProps & React.RefAttributes<HTMLButtonElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetFooter: React.ForwardRefExoticComponent<ExtendedActionSheetFooterProps & React.RefAttributes<HTMLDivElement>>;
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export interface ExtendedActionSheetCloseButtonProps extends DialogPrimitive.CloseButtonProps {
 }
 /**
- * @deprecated Use `MenuSheet` instead.
+ * @deprecated Use `SwipeableMenuSheet` instead.
  */
 export declare const ExtendedActionSheetCloseButton: React.ForwardRefExoticComponent<ExtendedActionSheetCloseButtonProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ExtendedActionSheet.d.ts.map

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.js

@@ -1,7 +1,7 @@
 "use client";
-import { createRecipeContext } from "../../utils/createRecipeContext.js";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { createRecipeContext } from "../../utils/createRecipeContext.js";
 import { Dialog, useDialogContext } from "@seed-design/react-dialog";
 import { Primitive } from "@seed-design/react-primitive";
 import { extendedActionSheet } from "@seed-design/css/recipes/extended-action-sheet";
@@ -11,54 +11,54 @@ var { withRootProvider, withContext } = createSlotRecipeContext(extendedActionSh
 var { withContext: withItemContext } = createRecipeContext(extendedActionSheetItem);
 var withStateProps = createWithStateProps([useDialogContext]);
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetRoot = withRootProvider(Dialog.Root, { defaultProps: {
 	lazyMount: true,
 	unmountOnExit: true
 } });
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetTrigger = Dialog.Trigger;
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetPositioner = withContext(Dialog.Positioner, "positioner");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetBackdrop = withContext(Dialog.Backdrop, "backdrop");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetContent = withContext(Dialog.Content, "content");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetHeader = withContext(withStateProps(Primitive.div), "header");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetTitle = withContext(withStateProps(Primitive.h2), "title");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetList = withContext(withStateProps(Primitive.div), "list");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetGroup = withContext(withStateProps(Primitive.div), "group");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetItem = withItemContext(withStateProps(Primitive.button));
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetFooter = withContext(withStateProps(Primitive.div), "footer");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
 //#endregion

package/lib/components/FieldButton/FieldButton.cjs

@@ -2,6 +2,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let clsx = require("clsx");
@@ -14,11 +15,29 @@ let _seed_design_css_recipes_field_label = require("@seed-design/css/recipes/fie
 let _seed_design_react_field_button = require("@seed-design/react-field-button");
 let _seed_design_css_recipes_input_button = require("@seed-design/css/recipes/input-button");
 //#region src/components/FieldButton/FieldButton.tsx
-var { withContext: withFieldContext, withProvider: withFieldProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_field.field);
-var { withProvider, withContext, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_input_button.inputButton);
+var { ClassNamesProvider: FieldClassNamesProvider, withContext: withFieldContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_field.field);
+var { withProvider, withContext, useClassNames, PropsProvider: InputButtonPropsProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_input_button.inputButton);
 var { withProvider: withLabelProvider, withContext: withLabelContext, useClassNames: useLabelClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_field_label.fieldLabel);
 var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_field_button.useFieldButtonContext]);
-var FieldButtonRoot = withFieldProvider(_seed_design_react_field_button.FieldButton.Root, "root");
+var FieldButtonRoot = (0, react.forwardRef)(({ className, ...props }, ref) => {
+	const [{ field: fieldVariantProps, inputButton: inputButtonVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps(props, {
+		field: _seed_design_css_recipes_field.field,
+		inputButton: _seed_design_css_recipes_input_button.inputButton
+	});
+	const fieldClassNames = (0, _seed_design_css_recipes_field.field)(fieldVariantProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputButtonPropsProvider, {
+		value: inputButtonVariantProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldClassNamesProvider, {
+			value: fieldClassNames,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_field_button.FieldButton.Root, {
+				ref,
+				className: (0, clsx.default)(fieldClassNames.root, className),
+				...otherProps
+			})
+		})
+	});
+});
+FieldButtonRoot.displayName = "FieldButtonRoot";
 var FieldButtonHeader = withFieldContext(withStateProps(_seed_design_react_primitive.Primitive.div), "header");
 var FieldButtonLabel = withLabelProvider(withStateProps(_seed_design_react_primitive.Primitive.div), "root");
 var FieldButtonIndicatorText = withLabelContext(withStateProps(_seed_design_react_primitive.Primitive.span), "indicatorText");

package/lib/components/FieldButton/FieldButton.d.ts

@@ -3,8 +3,9 @@ import { FieldButton } from '@seed-design/react-field-button';
 import { FieldVariantProps } from '@seed-design/css/recipes/field';
 import { FieldLabelVariantProps } from '@seed-design/css/recipes/field-label';
 import { InternalIconProps } from '../private/Icon';
+import { InputButtonVariantProps } from '@seed-design/css/recipes/input-button';
 import * as React from "react";
-export interface FieldButtonRootProps extends FieldVariantProps, FieldButton.RootProps {
+export interface FieldButtonRootProps extends FieldVariantProps, InputButtonVariantProps, FieldButton.RootProps {
 }
 export declare const FieldButtonRoot: React.ForwardRefExoticComponent<FieldButtonRootProps & React.RefAttributes<HTMLDivElement>>;
 export interface FieldButtonHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
@@ -46,7 +47,7 @@ export declare const FieldButtonHiddenInput: React.ForwardRefExoticComponent<Fie
 export interface FieldButtonButtonProps extends FieldButton.ButtonProps {
 }
 export declare const FieldButtonButton: React.ForwardRefExoticComponent<FieldButtonButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export interface FieldButtonControlProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+export interface FieldButtonControlProps extends InputButtonVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
 export declare const FieldButtonControl: React.ForwardRefExoticComponent<FieldButtonControlProps & React.RefAttributes<HTMLDivElement>>;
 export interface FieldButtonClearButtonProps extends FieldButton.ClearButtonProps {

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

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

package/lib/components/FieldButton/FieldButton.js

@@ -1,21 +1,41 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
 import { InternalIcon } from "../private/Icon.js";
 import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import * as React$1 from "react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { field } from "@seed-design/css/recipes/field";
 import { fieldLabel } from "@seed-design/css/recipes/field-label";
 import { FieldButton, useFieldButtonContext } from "@seed-design/react-field-button";
 import { inputButton } from "@seed-design/css/recipes/input-button";
 //#region src/components/FieldButton/FieldButton.tsx
-var { withContext: withFieldContext, withProvider: withFieldProvider } = createSlotRecipeContext(field);
-var { withProvider, withContext, useClassNames } = createSlotRecipeContext(inputButton);
+var { ClassNamesProvider: FieldClassNamesProvider, withContext: withFieldContext } = createSlotRecipeContext(field);
+var { withProvider, withContext, useClassNames, PropsProvider: InputButtonPropsProvider } = createSlotRecipeContext(inputButton);
 var { withProvider: withLabelProvider, withContext: withLabelContext, useClassNames: useLabelClassNames } = createSlotRecipeContext(fieldLabel);
 var withStateProps = createWithStateProps([useFieldButtonContext]);
-var FieldButtonRoot = withFieldProvider(FieldButton.Root, "root");
+var FieldButtonRoot = forwardRef(({ className, ...props }, ref) => {
+	const [{ field: fieldVariantProps, inputButton: inputButtonVariantProps }, otherProps] = splitMultipleVariantsProps(props, {
+		field,
+		inputButton
+	});
+	const fieldClassNames = field(fieldVariantProps);
+	return /* @__PURE__ */ jsx(InputButtonPropsProvider, {
+		value: inputButtonVariantProps,
+		children: /* @__PURE__ */ jsx(FieldClassNamesProvider, {
+			value: fieldClassNames,
+			children: /* @__PURE__ */ jsx(FieldButton.Root, {
+				ref,
+				className: clsx$1(fieldClassNames.root, className),
+				...otherProps
+			})
+		})
+	});
+});
+FieldButtonRoot.displayName = "FieldButtonRoot";
 var FieldButtonHeader = withFieldContext(withStateProps(Primitive.div), "header");
 var FieldButtonLabel = withLabelProvider(withStateProps(Primitive.div), "root");
 var FieldButtonIndicatorText = withLabelContext(withStateProps(Primitive.span), "indicatorText");

package/lib/components/Flex/Flex.d.ts

@@ -1,10 +1,12 @@
+import { ResponsiveValue } from '../../types/responsive';
+import { DistributiveOmit } from '../../utils/styled';
 import { BoxProps } from '../Box/Box';
 import * as React from "react";
-export interface FlexProps extends Omit<BoxProps, "display"> {
+export type FlexProps = DistributiveOmit<BoxProps, "display"> & {
     /**
      * @default "flex"
      */
-    display?: "flex" | "none";
+    display?: ResponsiveValue<"flex" | "none">;
     /**
      * Shorthand for `flexDirection`.
      */
@@ -29,6 +31,6 @@ export interface FlexProps extends Omit<BoxProps, "display"> {
      * Shorthand for `flexShrink`.
      */
     shrink?: BoxProps["flexShrink"];
-}
+};
 export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Flex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEtC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAErC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE5B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,IAAI,kFAgBf,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEtC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAErC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE5B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,IAAI,kFAgBf,CAAC"}

package/lib/components/Footer/Footer.namespace.cjs

@@ -0,0 +1,11 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_FooterLinkText = require("./FooterLinkText.cjs");
+//#region src/components/Footer/Footer.namespace.ts
+var Footer_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({ LinkText: () => require_FooterLinkText.FooterLinkText });
+//#endregion
+Object.defineProperty(exports, "Footer_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return Footer_namespace_exports;
+	}
+});

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

@@ -0,0 +1,2 @@
+export { FooterLinkText as LinkText, type FooterLinkTextProps as LinkTextProps, } from './FooterLinkText';
+//# sourceMappingURL=Footer.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,QAAQ,EAC1B,KAAK,mBAAmB,IAAI,aAAa,GAC1C,MAAM,kBAAkB,CAAC"}

package/lib/components/Footer/Footer.namespace.js

@@ -0,0 +1,6 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { FooterLinkText } from "./FooterLinkText.js";
+//#region src/components/Footer/Footer.namespace.ts
+var Footer_namespace_exports = /* @__PURE__ */ __exportAll({ LinkText: () => FooterLinkText });
+//#endregion
+export { Footer_namespace_exports };

package/lib/components/Footer/FooterLinkText.cjs

@@ -0,0 +1,23 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_css_recipes_footer = require("@seed-design/css/recipes/footer");
+//#region src/components/Footer/FooterLinkText.tsx
+var FooterLinkText = react.forwardRef(({ className, children, ...props }, ref) => {
+	const [variantProps, restProps] = _seed_design_css_recipes_footer.footer.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_footer.footer)(variantProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.a, {
+		ref,
+		className: (0, clsx.default)(classNames.linkText, className),
+		...restProps,
+		children
+	});
+});
+FooterLinkText.displayName = "FooterLinkText";
+//#endregion
+exports.FooterLinkText = FooterLinkText;

package/lib/components/Footer/FooterLinkText.d.ts

@@ -0,0 +1,7 @@
+import { FooterVariantProps } from '@seed-design/css/recipes/footer';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import * as React from "react";
+export interface FooterLinkTextProps extends FooterVariantProps, PrimitiveProps, React.AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+export declare const FooterLinkText: React.ForwardRefExoticComponent<FooterLinkTextProps & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=FooterLinkText.d.ts.map

package/lib/components/Footer/FooterLinkText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLinkText.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/FooterLinkText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,cAAc,+FAW1B,CAAC"}

package/lib/components/Footer/FooterLinkText.js

@@ -0,0 +1,20 @@
+"use client";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { footer } from "@seed-design/css/recipes/footer";
+//#region src/components/Footer/FooterLinkText.tsx
+var FooterLinkText = React$1.forwardRef(({ className, children, ...props }, ref) => {
+	const [variantProps, restProps] = footer.splitVariantProps(props);
+	const classNames = footer(variantProps);
+	return /* @__PURE__ */ jsx(Primitive.a, {
+		ref,
+		className: clsx$1(classNames.linkText, className),
+		...restProps,
+		children
+	});
+});
+FooterLinkText.displayName = "FooterLinkText";
+//#endregion
+export { FooterLinkText };

package/lib/components/Footer/index.cjs

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_FooterLinkText = require("./FooterLinkText.cjs");
+const require_Footer_namespace = require("./Footer.namespace.cjs");
+Object.defineProperty(exports, "Footer", {
+	enumerable: true,
+	get: function() {
+		return require_Footer_namespace.Footer_namespace_exports;
+	}
+});
+exports.FooterLinkText = require_FooterLinkText.FooterLinkText;

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

@@ -0,0 +1,3 @@
+export { FooterLinkText, type FooterLinkTextProps } from './FooterLinkText';
+export * as Footer from './Footer.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}

package/lib/components/Footer/index.js

@@ -0,0 +1,3 @@
+import { FooterLinkText } from "./FooterLinkText.js";
+import { Footer_namespace_exports } from "./Footer.namespace.js";
+export { Footer_namespace_exports as Footer, FooterLinkText };

package/lib/components/Grid/Grid.cjs

@@ -1,22 +1,27 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_styled = require("../../utils/styled.cjs");
 const require_Box = require("../Box/Box.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _seed_design_dom_utils = require("@seed-design/dom-utils");
 //#region src/components/Grid/Grid.tsx
+function handleGridTemplate(v) {
+	return typeof v === "number" ? `repeat(${v}, minmax(0, 1fr))` : v;
+}
 var Grid = react.forwardRef((props, ref) => {
 	const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 		ref,
+		display: "grid",
 		alignItems: align,
 		justifyContent: justify,
 		...(0, _seed_design_dom_utils.mergeProps)(rest, {
 			className: "seed-grid",
 			style: {
-				"--seed-grid-columns": typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns,
-				"--seed-grid-rows": typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows,
+				...columns !== void 0 && require_styled.resolveResponsive("--seed-grid-columns", columns, handleGridTemplate),
+				...rows !== void 0 && require_styled.resolveResponsive("--seed-grid-rows", rows, handleGridTemplate),
 				"--seed-grid-auto-flow": autoFlow,
 				"--seed-grid-auto-columns": autoColumns,
 				"--seed-grid-auto-rows": autoRows,

package/lib/components/Grid/Grid.d.ts

@@ -1,10 +1,12 @@
+import { ResponsiveValue } from '../../types/responsive';
+import { DistributiveOmit } from '../../utils/styled';
 import { BoxProps } from '../Box/Box';
 import * as React from "react";
-export interface GridProps extends Omit<BoxProps, "display"> {
+export type GridProps = DistributiveOmit<BoxProps, "display"> & {
     /**
      * @default "grid"
      */
-    display?: "grid" | "none";
+    display?: ResponsiveValue<"grid" | "none">;
     /**
      * Shorthand for `alignItems`.
      */
@@ -18,12 +20,12 @@ export interface GridProps extends Omit<BoxProps, "display"> {
      * Shorthand for `gridTemplateColumns`.
      * If number, `repeat({columns}, minmax(0, 1fr))` is applied.
      */
-    columns?: number | string;
+    columns?: ResponsiveValue<number | string>;
     /**
      * Shorthand for `gridTemplateRows`.
      * If number, `repeat({rows}, minmax(0, 1fr))` is applied.
      */
-    rows?: number | string;
+    rows?: ResponsiveValue<number | string>;
     /**
      * Shorthand for `gridAutoFlow`.
      */
@@ -36,6 +38,6 @@ export interface GridProps extends Omit<BoxProps, "display"> {
      * Shorthand for `gridAutoRows`.
      */
     autoRows?: string;
-}
+};
 export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAErC,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEhE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAMvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,kFAwBf,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAqB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAE3C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAErC,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEhE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAE3C;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAMxC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAMF,eAAO,MAAM,IAAI,kFAyBf,CAAC"}

package/lib/components/Grid/Grid.js

@@ -1,20 +1,25 @@
 "use client";
+import { resolveResponsive } from "../../utils/styled.js";
 import { Box } from "../Box/Box.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@seed-design/dom-utils";
 //#region src/components/Grid/Grid.tsx
+function handleGridTemplate(v) {
+	return typeof v === "number" ? `repeat(${v}, minmax(0, 1fr))` : v;
+}
 var Grid = React$1.forwardRef((props, ref) => {
 	const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
 	return /* @__PURE__ */ jsx(Box, {
 		ref,
+		display: "grid",
 		alignItems: align,
 		justifyContent: justify,
 		...mergeProps(rest, {
 			className: "seed-grid",
 			style: {
-				"--seed-grid-columns": typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns,
-				"--seed-grid-rows": typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows,
+				...columns !== void 0 && resolveResponsive("--seed-grid-columns", columns, handleGridTemplate),
+				...rows !== void 0 && resolveResponsive("--seed-grid-rows", rows, handleGridTemplate),
 				"--seed-grid-auto-flow": autoFlow,
 				"--seed-grid-auto-columns": autoColumns,
 				"--seed-grid-auto-rows": autoRows,

package/lib/components/GridItem/GridItem.d.ts

@@ -1,6 +1,7 @@
+import { DistributiveOmit } from '../../utils/styled';
 import { BoxProps } from '../Box/Box';
 import * as React from "react";
-export interface GridItemProps extends Omit<BoxProps, "gridColumn" | "gridRow" | "gridArea"> {
+export type GridItemProps = DistributiveOmit<BoxProps, "gridColumn" | "gridRow" | "gridArea"> & {
     /**
      * If true, the component will render its children directly without a wrapper element.
      * @default false
@@ -30,6 +31,6 @@ export interface GridItemProps extends Omit<BoxProps, "gridColumn" | "gridRow" |
      * Ending row.
      */
     rowEnd?: number;
-}
+};
 export declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=GridItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../src/components/GridItem/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1F;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAGjB;AAED,eAAO,MAAM,QAAQ,sFAOnB,CAAC"}
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../src/components/GridItem/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;IAC9F;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAGjB,CAAC;AAEF,eAAO,MAAM,QAAQ,sFAOnB,CAAC"}