@seed-design/react 0.0.29 → 0.0.30

package/lib/components/ContextualFloatingButton/ContextualFloatingButton.cjs

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const contextualFloatingButton = require('@seed-design/css/recipes/contextual-floating-button');
+const reactPrimitive = require('@seed-design/react-primitive');
+const clsx = require('clsx');
+const React = require('react');
+const Icon = require('../Icon/Icon.cjs');
+const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ContextualFloatingButton = React__namespace.forwardRef(({ variant, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
+  const recipeClassName = contextualFloatingButton.contextualFloatingButton({ variant, layout });
+  const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
+  if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
+    console.warn(
+      "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided."
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.IconRequired, { enabled: layout === "iconOnly", children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactPrimitive.Primitive.button,
+    {
+      ref,
+      className: clsx(recipeClassName, className),
+      ...api.stateProps,
+      ...otherProps,
+      children
+    }
+  ) }) });
+});
+ContextualFloatingButton.displayName = "ContextualFloatingButton";
+
+exports.ContextualFloatingButton = ContextualFloatingButton;

package/lib/components/ContextualFloatingButton/ContextualFloatingButton.d.ts

@@ -0,0 +1,8 @@
+import { ContextualFloatingButtonVariantProps } from '@seed-design/css/recipes/contextual-floating-button';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { UsePendingButtonProps } from '../LoadingIndicator/usePendingButton';
+import * as React from "react";
+export interface ContextualFloatingButtonProps extends ContextualFloatingButtonVariantProps, UsePendingButtonProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export declare const ContextualFloatingButton: React.ForwardRefExoticComponent<ContextualFloatingButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ContextualFloatingButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualFloatingButton.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualFloatingButton/ContextualFloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oCAAoC,EAC1C,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,6BACf,SAAQ,oCAAoC,EAC1C,qBAAqB,EACrB,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGA2BnC,CAAC"}

package/lib/components/ContextualFloatingButton/ContextualFloatingButton.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { contextualFloatingButton } from '@seed-design/css/recipes/contextual-floating-button';
+import { Primitive } from '@seed-design/react-primitive';
+import clsx from 'clsx';
+import * as React from 'react';
+import { IconRequired } from '../Icon/Icon.js';
+import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
+
+const ContextualFloatingButton = React.forwardRef(({ variant, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
+  const recipeClassName = contextualFloatingButton({ variant, layout });
+  const api = usePendingButton({ loading, disabled: otherProps.disabled });
+  if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
+    console.warn(
+      "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided."
+    );
+  }
+  return /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(IconRequired, { enabled: layout === "iconOnly", children: /* @__PURE__ */ jsx(
+    Primitive.button,
+    {
+      ref,
+      className: clsx(recipeClassName, className),
+      ...api.stateProps,
+      ...otherProps,
+      children
+    }
+  ) }) });
+});
+ContextualFloatingButton.displayName = "ContextualFloatingButton";
+
+export { ContextualFloatingButton };

package/lib/components/ContextualFloatingButton/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ContextualFloatingButton = require('./ContextualFloatingButton.cjs');
+
+
+
+exports.ContextualFloatingButton = ContextualFloatingButton.ContextualFloatingButton;

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

@@ -0,0 +1,2 @@
+export { ContextualFloatingButton, type ContextualFloatingButtonProps, } from './ContextualFloatingButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualFloatingButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC"}

package/lib/components/ContextualFloatingButton/index.js

@@ -0,0 +1 @@
+export { ContextualFloatingButton } from './ContextualFloatingButton.js';

package/lib/components/ExtendedFab/ExtendedFab.d.ts

@@ -1,7 +1,13 @@
 import { PrimitiveProps } from '@seed-design/react-primitive';
 import { ExtendedFabVariantProps } from '@seed-design/css/recipes/extended-fab';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export interface ExtendedFabProps extends ExtendedFabVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export declare const ExtendedFab: ForwardRefExoticComponent<ExtendedFabProps & RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ExtendedFab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExtendedFab.d.ts","sourceRoot":"","sources":["../../../src/components/ExtendedFab/ExtendedFab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAOlG,MAAM,WAAW,gBACf,SAAQ,uBAAuB,EAC7B,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,WAAW,gHAKtB,CAAC"}
+{"version":3,"file":"ExtendedFab.d.ts","sourceRoot":"","sources":["../../../src/components/ExtendedFab/ExtendedFab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAOlG;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,uBAAuB,EAC7B,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD;;GAEG;AACH,eAAO,MAAM,WAAW,gHAKtB,CAAC"}

package/lib/components/Fab/Fab.d.ts

@@ -1,7 +1,13 @@
 import { PrimitiveProps } from '@seed-design/react-primitive';
 import { FabVariantProps } from '@seed-design/css/recipes/fab';
 import type * as React from "react";
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export interface FabProps extends FabVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Fab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../src/components/Fab/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAO,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,WAAW,QACf,SAAQ,eAAe,EACrB,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,GAAG,oFAA6D,CAAC"}
+{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../src/components/Fab/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAO,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC;;GAEG;AACH,MAAM,WAAW,QACf,SAAQ,eAAe,EACrB,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD;;GAEG;AACH,eAAO,MAAM,GAAG,oFAA6D,CAAC"}

package/lib/components/Float/Float.cjs

@@ -0,0 +1,97 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Box = require('../Box/Box.cjs');
+const styled = require('../../utils/styled.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function getPlacementStyle(placement, offsetX, offsetY) {
+  const offsetXValue = styled.handleDimension(offsetX);
+  const offsetYValue = styled.handleDimension(offsetY);
+  const centerLeft = offsetXValue ? `calc(50% + ${offsetXValue})` : "50%";
+  const middleTop = offsetYValue ? `calc(50% + ${offsetYValue})` : "50%";
+  const shiftLeft = "translateX(-50%)";
+  const shiftTop = "translateY(-50%)";
+  const shiftBoth = "translate(-50%, -50%)";
+  switch (placement) {
+    case "top-start":
+      return {
+        top: offsetYValue ?? 0,
+        left: offsetXValue ?? 0
+      };
+    case "top-center":
+      return {
+        top: offsetYValue ?? 0,
+        left: centerLeft,
+        unstable_transform: shiftLeft
+      };
+    case "top-end":
+      return {
+        top: offsetYValue ?? 0,
+        right: offsetXValue ?? 0
+      };
+    case "middle-start":
+      return {
+        top: middleTop,
+        left: offsetXValue ?? 0,
+        unstable_transform: shiftTop
+      };
+    case "middle-center":
+      return {
+        top: middleTop,
+        left: centerLeft,
+        unstable_transform: shiftBoth
+      };
+    case "middle-end":
+      return {
+        top: middleTop,
+        right: offsetXValue ?? 0,
+        unstable_transform: shiftTop
+      };
+    case "bottom-start":
+      return {
+        bottom: offsetYValue ?? 0,
+        left: offsetXValue ?? 0
+      };
+    case "bottom-center":
+      return {
+        bottom: offsetYValue ?? 0,
+        left: centerLeft,
+        unstable_transform: shiftLeft
+      };
+    case "bottom-end":
+      return {
+        bottom: offsetYValue ?? 0,
+        right: offsetXValue ?? 0
+      };
+  }
+}
+const Float = React__namespace.forwardRef((props, ref) => {
+  const { as, placement, offsetX, offsetY, zIndex, ...rest } = props;
+  const placementStyle = getPlacementStyle(placement, offsetX, offsetY);
+  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, as, position: "absolute", zIndex, ...placementStyle, ...rest });
+});
+
+exports.Float = Float;

package/lib/components/Float/Float.d.ts

@@ -0,0 +1,17 @@
+import { Dimension } from '@seed-design/css/vars';
+import * as React from "react";
+export interface FloatProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType;
+    placement: "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start";
+    /**
+     * @default 0
+     */
+    offsetX?: 0 | Dimension | (string & {});
+    /**
+     * @default 0
+     */
+    offsetY?: 0 | Dimension | (string & {});
+    zIndex?: number | (string & {});
+}
+export declare const Float: React.ForwardRefExoticComponent<FloatProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Float.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Float.d.ts","sourceRoot":"","sources":["../../../src/components/Float/Float.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvB,SAAS,EACL,YAAY,GACZ,cAAc,GACd,SAAS,GACT,WAAW,GACX,eAAe,GACf,YAAY,GACZ,eAAe,GACf,YAAY,GACZ,cAAc,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExC,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjC;AA6ED,eAAO,MAAM,KAAK,mFAQhB,CAAC"}

package/lib/components/Float/Float.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+import { handleDimension } from '../../utils/styled.js';
+
+function getPlacementStyle(placement, offsetX, offsetY) {
+  const offsetXValue = handleDimension(offsetX);
+  const offsetYValue = handleDimension(offsetY);
+  const centerLeft = offsetXValue ? `calc(50% + ${offsetXValue})` : "50%";
+  const middleTop = offsetYValue ? `calc(50% + ${offsetYValue})` : "50%";
+  const shiftLeft = "translateX(-50%)";
+  const shiftTop = "translateY(-50%)";
+  const shiftBoth = "translate(-50%, -50%)";
+  switch (placement) {
+    case "top-start":
+      return {
+        top: offsetYValue ?? 0,
+        left: offsetXValue ?? 0
+      };
+    case "top-center":
+      return {
+        top: offsetYValue ?? 0,
+        left: centerLeft,
+        unstable_transform: shiftLeft
+      };
+    case "top-end":
+      return {
+        top: offsetYValue ?? 0,
+        right: offsetXValue ?? 0
+      };
+    case "middle-start":
+      return {
+        top: middleTop,
+        left: offsetXValue ?? 0,
+        unstable_transform: shiftTop
+      };
+    case "middle-center":
+      return {
+        top: middleTop,
+        left: centerLeft,
+        unstable_transform: shiftBoth
+      };
+    case "middle-end":
+      return {
+        top: middleTop,
+        right: offsetXValue ?? 0,
+        unstable_transform: shiftTop
+      };
+    case "bottom-start":
+      return {
+        bottom: offsetYValue ?? 0,
+        left: offsetXValue ?? 0
+      };
+    case "bottom-center":
+      return {
+        bottom: offsetYValue ?? 0,
+        left: centerLeft,
+        unstable_transform: shiftLeft
+      };
+    case "bottom-end":
+      return {
+        bottom: offsetYValue ?? 0,
+        right: offsetXValue ?? 0
+      };
+  }
+}
+const Float = React.forwardRef((props, ref) => {
+  const { as, placement, offsetX, offsetY, zIndex, ...rest } = props;
+  const placementStyle = getPlacementStyle(placement, offsetX, offsetY);
+  return /* @__PURE__ */ jsx(Box, { ref, as, position: "absolute", zIndex, ...placementStyle, ...rest });
+});
+
+export { Float };

package/lib/components/Float/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Float = require('./Float.cjs');
+
+
+
+exports.Float = Float.Float;

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

@@ -0,0 +1,2 @@
+export { Float, type FloatProps } from './Float';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Float/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Float/index.js

@@ -0,0 +1 @@
+export { Float } from './Float.js';

package/lib/components/FloatingActionButton/FloatingActionButton.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const floatingActionButton = require('@seed-design/css/recipes/floating-action-button');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const Icon = require('../private/Icon.cjs');
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(floatingActionButton.floatingActionButton);
+const FloatingActionButtonRoot = withProvider(reactPrimitive.Primitive.button, "root");
+const FloatingActionButtonIcon = withContext(Icon.InternalIcon, "icon");
+const FloatingActionButtonLabel = withContext(reactPrimitive.Primitive.span, "label");
+
+exports.FloatingActionButtonIcon = FloatingActionButtonIcon;
+exports.FloatingActionButtonLabel = FloatingActionButtonLabel;
+exports.FloatingActionButtonRoot = FloatingActionButtonRoot;

package/lib/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -0,0 +1,14 @@
+import { FloatingActionButtonVariantProps } from '@seed-design/css/recipes/floating-action-button';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { InternalIconProps } from '../private/Icon';
+import type * as React from "react";
+export interface FloatingActionButtonRootProps extends FloatingActionButtonVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export declare const FloatingActionButtonRoot: React.ForwardRefExoticComponent<FloatingActionButtonRootProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FloatingActionButtonIconProps extends InternalIconProps {
+}
+export declare const FloatingActionButtonIcon: React.ForwardRefExoticComponent<FloatingActionButtonIconProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FloatingActionButtonLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const FloatingActionButtonLabel: React.ForwardRefExoticComponent<FloatingActionButtonLabelProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=FloatingActionButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMvE,MAAM,WAAW,6BACf,SAAQ,gCAAgC,EACtC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGAGV,CAAC;AAE5B,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;CAAG;AAE3E,eAAO,MAAM,wBAAwB,yGAGd,CAAC;AAExB,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,wGAGZ,CAAC"}

package/lib/components/FloatingActionButton/FloatingActionButton.js

@@ -0,0 +1,12 @@
+'use client';
+import { floatingActionButton } from '@seed-design/css/recipes/floating-action-button';
+import { Primitive } from '@seed-design/react-primitive';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { InternalIcon } from '../private/Icon.js';
+
+const { withProvider, withContext } = createSlotRecipeContext(floatingActionButton);
+const FloatingActionButtonRoot = withProvider(Primitive.button, "root");
+const FloatingActionButtonIcon = withContext(InternalIcon, "icon");
+const FloatingActionButtonLabel = withContext(Primitive.span, "label");
+
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot };

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FloatingActionButton = require('./FloatingActionButton.cjs');
+
+
+
+exports.Icon = FloatingActionButton.FloatingActionButtonIcon;
+exports.Label = FloatingActionButton.FloatingActionButtonLabel;
+exports.Root = FloatingActionButton.FloatingActionButtonRoot;

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

@@ -0,0 +1,2 @@
+export { FloatingActionButtonIcon as Icon, FloatingActionButtonLabel as Label, FloatingActionButtonRoot as Root, type FloatingActionButtonIconProps as IconProps, type FloatingActionButtonLabelProps as LabelProps, type FloatingActionButtonRootProps as RootProps, } from './FloatingActionButton';
+//# sourceMappingURL=FloatingActionButton.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.namespace.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,IAAI,IAAI,EAChC,yBAAyB,IAAI,KAAK,EAClC,wBAAwB,IAAI,IAAI,EAChC,KAAK,6BAA6B,IAAI,SAAS,EAC/C,KAAK,8BAA8B,IAAI,UAAU,EACjD,KAAK,6BAA6B,IAAI,SAAS,GAChD,MAAM,wBAAwB,CAAC"}

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.js

@@ -0,0 +1 @@
+export { FloatingActionButtonIcon as Icon, FloatingActionButtonLabel as Label, FloatingActionButtonRoot as Root } from './FloatingActionButton.js';

package/lib/components/FloatingActionButton/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FloatingActionButton = require('./FloatingActionButton.cjs');
+const FloatingActionButton_namespace = require('./FloatingActionButton.namespace.cjs');
+
+
+
+exports.FloatingActionButtonIcon = FloatingActionButton.FloatingActionButtonIcon;
+exports.FloatingActionButtonLabel = FloatingActionButton.FloatingActionButtonLabel;
+exports.FloatingActionButtonRoot = FloatingActionButton.FloatingActionButtonRoot;
+exports.FloatingActionButton = FloatingActionButton_namespace;

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

@@ -0,0 +1,3 @@
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, type FloatingActionButtonIconProps, type FloatingActionButtonLabelProps, type FloatingActionButtonRootProps, } from './FloatingActionButton';
+export * as FloatingActionButton from './FloatingActionButton.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,KAAK,8BAA8B,EACnC,KAAK,6BAA6B,GACnC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,oBAAoB,MAAM,kCAAkC,CAAC"}

package/lib/components/FloatingActionButton/index.js

@@ -0,0 +1,3 @@
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from './FloatingActionButton.js';
+import * as FloatingActionButton_namespace from './FloatingActionButton.namespace.js';
+export { FloatingActionButton_namespace as FloatingActionButton };

package/lib/components/index.cjs

@@ -21,6 +21,7 @@ const ChipTabs = require('./ChipTabs/ChipTabs.cjs');
 const ChipTabs_namespace = require('./ChipTabs/ChipTabs.namespace.cjs');
 const Columns = require('./Columns/Columns.cjs');
 const ConsistentWidth = require('./ConsistentWidth/ConsistentWidth.cjs');
+const ContextualFloatingButton = require('./ContextualFloatingButton/ContextualFloatingButton.cjs');
 const ControlChip = require('./ControlChip/ControlChip.cjs');
 const Count = require('./Count/Count.cjs');
 const Dialog = require('./Dialog/Dialog.cjs');
@@ -30,7 +31,10 @@ const ExtendedActionSheet = require('./ExtendedActionSheet/ExtendedActionSheet.c
 const ExtendedActionSheet_namespace = require('./ExtendedActionSheet/ExtendedActionSheet.namespace.cjs');
 const ExtendedFab = require('./ExtendedFab/ExtendedFab.cjs');
 const Fab = require('./Fab/Fab.cjs');
+const FloatingActionButton = require('./FloatingActionButton/FloatingActionButton.cjs');
+const FloatingActionButton_namespace = require('./FloatingActionButton/FloatingActionButton.namespace.cjs');
 const Flex = require('./Flex/Flex.cjs');
+const Float = require('./Float/Float.cjs');
 const HelpBubble = require('./HelpBubble/HelpBubble.cjs');
 const HelpBubble_namespace = require('./HelpBubble/HelpBubble.namespace.cjs');
 const Icon = require('./Icon/Icon.cjs');
@@ -134,6 +138,7 @@ exports.ChipTabs = ChipTabs_namespace;
 exports.Column = Columns.Column;
 exports.Columns = Columns.Columns;
 exports.ConsistentWidth = ConsistentWidth.ConsistentWidth;
+exports.ContextualFloatingButton = ContextualFloatingButton.ContextualFloatingButton;
 exports.ControlChip = ControlChip.ControlChip;
 exports.Count = Count.Count;
 exports.DialogAction = Dialog.DialogAction;
@@ -163,7 +168,12 @@ exports.ExtendedActionSheetTrigger = ExtendedActionSheet.ExtendedActionSheetTrig
 exports.ExtendedActionSheet = ExtendedActionSheet_namespace;
 exports.ExtendedFab = ExtendedFab.ExtendedFab;
 exports.Fab = Fab.Fab;
+exports.FloatingActionButtonIcon = FloatingActionButton.FloatingActionButtonIcon;
+exports.FloatingActionButtonLabel = FloatingActionButton.FloatingActionButtonLabel;
+exports.FloatingActionButtonRoot = FloatingActionButton.FloatingActionButtonRoot;
+exports.FloatingActionButton = FloatingActionButton_namespace;
 exports.Flex = Flex.Flex;
+exports.Float = Float.Float;
 exports.HelpBubbleAnchor = HelpBubble.HelpBubbleAnchor;
 exports.HelpBubbleArrow = HelpBubble.HelpBubbleArrow;
 exports.HelpBubbleArrowTip = HelpBubble.HelpBubbleArrowTip;

package/lib/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './Checkbox';
 export * from './ChipTabs';
 export * from './Columns';
 export * from './ConsistentWidth';
+export * from './ContextualFloatingButton';
 export * from './ControlChip';
 export * from './Count';
 export * from './Dialog';
@@ -18,7 +19,9 @@ export * from './Divider';
 export * from './ExtendedActionSheet';
 export * from './ExtendedFab';
 export * from './Fab';
+export * from './FloatingActionButton';
 export * from './Flex';
+export * from './Float';
 export * from './HelpBubble';
 export * from './Icon';
 export * from './IdentityPlaceholder';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/lib/components/index.js

@@ -23,6 +23,7 @@ import * as ChipTabs_namespace from './ChipTabs/ChipTabs.namespace.js';
 export { ChipTabs_namespace as ChipTabs };
 export { Column, Columns } from './Columns/Columns.js';
 export { ConsistentWidth } from './ConsistentWidth/ConsistentWidth.js';
+export { ContextualFloatingButton } from './ContextualFloatingButton/ContextualFloatingButton.js';
 export { ControlChip } from './ControlChip/ControlChip.js';
 export { Count } from './Count/Count.js';
 export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from './Dialog/Dialog.js';
@@ -34,7 +35,11 @@ import * as ExtendedActionSheet_namespace from './ExtendedActionSheet/ExtendedAc
 export { ExtendedActionSheet_namespace as ExtendedActionSheet };
 export { ExtendedFab } from './ExtendedFab/ExtendedFab.js';
 export { Fab } from './Fab/Fab.js';
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from './FloatingActionButton/FloatingActionButton.js';
+import * as FloatingActionButton_namespace from './FloatingActionButton/FloatingActionButton.namespace.js';
+export { FloatingActionButton_namespace as FloatingActionButton };
 export { Flex } from './Flex/Flex.js';
+export { Float } from './Float/Float.js';
 export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from './HelpBubble/HelpBubble.js';
 import * as HelpBubble_namespace from './HelpBubble/HelpBubble.namespace.js';
 export { HelpBubble_namespace as HelpBubble };

package/lib/index.cjs

@@ -21,6 +21,7 @@ const ChipTabs = require('./components/ChipTabs/ChipTabs.cjs');
 const ChipTabs_namespace = require('./components/ChipTabs/ChipTabs.namespace.cjs');
 const Columns = require('./components/Columns/Columns.cjs');
 const ConsistentWidth = require('./components/ConsistentWidth/ConsistentWidth.cjs');
+const ContextualFloatingButton = require('./components/ContextualFloatingButton/ContextualFloatingButton.cjs');
 const ControlChip = require('./components/ControlChip/ControlChip.cjs');
 const Count = require('./components/Count/Count.cjs');
 const Dialog = require('./components/Dialog/Dialog.cjs');
@@ -30,7 +31,10 @@ const ExtendedActionSheet = require('./components/ExtendedActionSheet/ExtendedAc
 const ExtendedActionSheet_namespace = require('./components/ExtendedActionSheet/ExtendedActionSheet.namespace.cjs');
 const ExtendedFab = require('./components/ExtendedFab/ExtendedFab.cjs');
 const Fab = require('./components/Fab/Fab.cjs');
+const FloatingActionButton = require('./components/FloatingActionButton/FloatingActionButton.cjs');
+const FloatingActionButton_namespace = require('./components/FloatingActionButton/FloatingActionButton.namespace.cjs');
 const Flex = require('./components/Flex/Flex.cjs');
+const Float = require('./components/Float/Float.cjs');
 const HelpBubble = require('./components/HelpBubble/HelpBubble.cjs');
 const HelpBubble_namespace = require('./components/HelpBubble/HelpBubble.namespace.cjs');
 const Icon = require('./components/Icon/Icon.cjs');
@@ -134,6 +138,7 @@ exports.ChipTabs = ChipTabs_namespace;
 exports.Column = Columns.Column;
 exports.Columns = Columns.Columns;
 exports.ConsistentWidth = ConsistentWidth.ConsistentWidth;
+exports.ContextualFloatingButton = ContextualFloatingButton.ContextualFloatingButton;
 exports.ControlChip = ControlChip.ControlChip;
 exports.Count = Count.Count;
 exports.DialogAction = Dialog.DialogAction;
@@ -163,7 +168,12 @@ exports.ExtendedActionSheetTrigger = ExtendedActionSheet.ExtendedActionSheetTrig
 exports.ExtendedActionSheet = ExtendedActionSheet_namespace;
 exports.ExtendedFab = ExtendedFab.ExtendedFab;
 exports.Fab = Fab.Fab;
+exports.FloatingActionButtonIcon = FloatingActionButton.FloatingActionButtonIcon;
+exports.FloatingActionButtonLabel = FloatingActionButton.FloatingActionButtonLabel;
+exports.FloatingActionButtonRoot = FloatingActionButton.FloatingActionButtonRoot;
+exports.FloatingActionButton = FloatingActionButton_namespace;
 exports.Flex = Flex.Flex;
+exports.Float = Float.Float;
 exports.HelpBubbleAnchor = HelpBubble.HelpBubbleAnchor;
 exports.HelpBubbleArrow = HelpBubble.HelpBubbleArrow;
 exports.HelpBubbleArrowTip = HelpBubble.HelpBubbleArrowTip;

package/lib/index.js

@@ -23,6 +23,7 @@ import * as ChipTabs_namespace from './components/ChipTabs/ChipTabs.namespace.js
 export { ChipTabs_namespace as ChipTabs };
 export { Column, Columns } from './components/Columns/Columns.js';
 export { ConsistentWidth } from './components/ConsistentWidth/ConsistentWidth.js';
+export { ContextualFloatingButton } from './components/ContextualFloatingButton/ContextualFloatingButton.js';
 export { ControlChip } from './components/ControlChip/ControlChip.js';
 export { Count } from './components/Count/Count.js';
 export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
@@ -34,7 +35,11 @@ import * as ExtendedActionSheet_namespace from './components/ExtendedActionSheet
 export { ExtendedActionSheet_namespace as ExtendedActionSheet };
 export { ExtendedFab } from './components/ExtendedFab/ExtendedFab.js';
 export { Fab } from './components/Fab/Fab.js';
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from './components/FloatingActionButton/FloatingActionButton.js';
+import * as FloatingActionButton_namespace from './components/FloatingActionButton/FloatingActionButton.namespace.js';
+export { FloatingActionButton_namespace as FloatingActionButton };
 export { Flex } from './components/Flex/Flex.js';
+export { Float } from './components/Float/Float.js';
 export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from './components/HelpBubble/HelpBubble.js';
 import * as HelpBubble_namespace from './components/HelpBubble/HelpBubble.namespace.js';
 export { HelpBubble_namespace as HelpBubble };

package/lib/utils/styled.cjs

@@ -165,6 +165,7 @@ function useStyleProps(props) {
     position,
     overflowX,
     overflowY,
+    zIndex,
     flexGrow,
     flexShrink,
     flexDirection,
@@ -174,6 +175,7 @@ function useStyleProps(props) {
     alignContent,
     alignSelf,
     gap,
+    unstable_transform,
     style,
     ...restProps
   } = props;
@@ -214,6 +216,7 @@ function useStyleProps(props) {
       "--seed-box-position": position,
       "--seed-box-overflow-x": overflowX,
       "--seed-box-overflow-y": overflowY,
+      "--seed-box-z-index": zIndex,
       "--seed-box-flex-grow": flexGrow,
       "--seed-box-flex-shrink": flexShrink,
       "--seed-box-flex-direction": handleFlexDirection(flexDirection),
@@ -222,6 +225,7 @@ function useStyleProps(props) {
       "--seed-box-align-items": handleAlignItems(alignItems),
       "--seed-box-align-content": handleAlignItems(alignContent),
       "--seed-box-align-self": handleAlignItems(alignSelf),
+      "--seed-box-unstable-transform": unstable_transform,
       ...style
     },
     restProps

package/lib/utils/styled.d.ts

@@ -1,7 +1,7 @@
 import { ScopedColorBg, ScopedColorFg, ScopedColorPalette, ScopedColorStroke, Dimension, Radius, SpacingX, SpacingY } from '@seed-design/css/vars';
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 export declare function handleColor(color: string | undefined): any;
-export declare function handleDimension(dimension: string | 0 | undefined): any;
+export declare function handleDimension(dimension: string | 0 | undefined): string | undefined;
 export interface StyleProps {
     background?: ScopedColorBg | ScopedColorPalette | (string & {});
     /**
@@ -69,6 +69,7 @@ export interface StyleProps {
     position?: "relative" | "absolute" | "fixed" | "sticky";
     overflowX?: "visible" | "hidden" | "scroll" | "auto";
     overflowY?: "visible" | "hidden" | "scroll" | "auto";
+    zIndex?: number | (string & {});
     flexGrow?: 0 | 1 | (number & {});
     flexShrink?: 0 | (number & {});
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | "rowReverse" | "columnReverse";
@@ -78,6 +79,7 @@ export interface StyleProps {
     alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "flexStart" | "flexEnd";
     alignSelf?: "flex-start" | "flex-end" | "center" | "stretch" | "flexStart" | "flexEnd";
     gap?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
+    unstable_transform?: string;
 }
 interface UseStyleProps extends StyleProps {
     style?: React.CSSProperties;

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

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

package/lib/utils/styled.js

@@ -161,6 +161,7 @@ function useStyleProps(props) {
     position,
     overflowX,
     overflowY,
+    zIndex,
     flexGrow,
     flexShrink,
     flexDirection,
@@ -170,6 +171,7 @@ function useStyleProps(props) {
     alignContent,
     alignSelf,
     gap,
+    unstable_transform,
     style,
     ...restProps
   } = props;
@@ -210,6 +212,7 @@ function useStyleProps(props) {
       "--seed-box-position": position,
       "--seed-box-overflow-x": overflowX,
       "--seed-box-overflow-y": overflowY,
+      "--seed-box-z-index": zIndex,
       "--seed-box-flex-grow": flexGrow,
       "--seed-box-flex-shrink": flexShrink,
       "--seed-box-flex-direction": handleFlexDirection(flexDirection),
@@ -218,6 +221,7 @@ function useStyleProps(props) {
       "--seed-box-align-items": handleAlignItems(alignItems),
       "--seed-box-align-content": handleAlignItems(alignContent),
       "--seed-box-align-self": handleAlignItems(alignSelf),
+      "--seed-box-unstable-transform": unstable_transform,
       ...style
     },
     restProps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/react",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -46,23 +46,23 @@
     "@seed-design/react-portal": "0.0.2",
     "@seed-design/react-primitive": "0.0.3",
     "@seed-design/react-progress": "0.0.4",
-    "@seed-design/react-pull-to-refresh": "0.0.5",
+    "@seed-design/react-pull-to-refresh": "0.0.6",
     "@seed-design/react-radio-group": "0.0.4",
     "@seed-design/react-segmented-control": "0.0.5",
     "@seed-design/react-snackbar": "0.0.5",
     "@seed-design/react-switch": "0.0.4",
-    "@seed-design/react-tabs": "0.0.6",
+    "@seed-design/react-tabs": "0.0.7",
     "@seed-design/react-text-field": "0.0.4",
     "@seed-design/react-toggle": "0.0.4",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {
-    "@seed-design/css": "0.0.29",
+    "@seed-design/css": "0.0.30",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@seed-design/css": "0.0.29",
+    "@seed-design/css": "0.0.30",
     "@vitejs/plugin-react": "^4.4.1",
     "globby": "^14.1.0",
     "react": "^19.1.0",

package/src/components/ContextualFloatingButton/ContextualFloatingButton.tsx

@@ -0,0 +1,49 @@
+import {
+  contextualFloatingButton,
+  type ContextualFloatingButtonVariantProps,
+} from "@seed-design/css/recipes/contextual-floating-button";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import clsx from "clsx";
+import * as React from "react";
+import { IconRequired } from "../Icon/Icon";
+import {
+  PendingButtonProvider,
+  usePendingButton,
+  type UsePendingButtonProps,
+} from "../LoadingIndicator/usePendingButton";
+
+export interface ContextualFloatingButtonProps
+  extends ContextualFloatingButtonVariantProps,
+    UsePendingButtonProps,
+    PrimitiveProps,
+    React.ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export const ContextualFloatingButton = React.forwardRef<
+  HTMLButtonElement,
+  ContextualFloatingButtonProps
+>(({ variant, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
+  const recipeClassName = contextualFloatingButton({ variant, layout });
+  const api = usePendingButton({ loading, disabled: otherProps.disabled });
+
+  if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
+    console.warn(
+      "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided.",
+    );
+  }
+
+  return (
+    <PendingButtonProvider value={api}>
+      <IconRequired enabled={layout === "iconOnly"}>
+        <Primitive.button
+          ref={ref}
+          className={clsx(recipeClassName, className)}
+          {...api.stateProps}
+          {...otherProps}
+        >
+          {children}
+        </Primitive.button>
+      </IconRequired>
+    </PendingButtonProvider>
+  );
+});
+ContextualFloatingButton.displayName = "ContextualFloatingButton";

package/src/components/ContextualFloatingButton/index.ts

@@ -0,0 +1,4 @@
+export {
+  ContextualFloatingButton,
+  type ContextualFloatingButtonProps,
+} from "./ContextualFloatingButton";

package/src/components/ExtendedFab/ExtendedFab.tsx

@@ -6,11 +6,17 @@ const { withContext } = createRecipeContext(extendedFab);
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export interface ExtendedFabProps
   extends ExtendedFabVariantProps,
     PrimitiveProps,
     React.ButtonHTMLAttributes<HTMLButtonElement> {}
 
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export const ExtendedFab = withContext<HTMLButtonElement, ExtendedFabProps>(Primitive.button, {
   defaultProps: {
     variant: "neutralSolid",

package/src/components/Fab/Fab.tsx

@@ -7,9 +7,15 @@ const { withContext } = createRecipeContext(fab);
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export interface FabProps
   extends FabVariantProps,
     PrimitiveProps,
     React.ButtonHTMLAttributes<HTMLButtonElement> {}
 
+/**
+ * @deprecated Use `ContextualFloatingButton` instead.
+ */
 export const Fab = withContext<HTMLButtonElement, FabProps>(Primitive.button);

package/src/components/Float/Float.tsx

@@ -0,0 +1,116 @@
+import type { Dimension } from "@seed-design/css/vars";
+import * as React from "react";
+import { Box } from "../Box/Box";
+import { handleDimension } from "../../utils/styled";
+
+export interface FloatProps extends React.HTMLAttributes<HTMLDivElement> {
+  as?: React.ElementType;
+
+  placement:
+    | "bottom-end"
+    | "bottom-start"
+    | "top-end"
+    | "top-start"
+    | "bottom-center"
+    | "top-center"
+    | "middle-center"
+    | "middle-end"
+    | "middle-start";
+
+  /**
+   * @default 0
+   */
+  offsetX?: 0 | Dimension | (string & {});
+
+  /**
+   * @default 0
+   */
+  offsetY?: 0 | Dimension | (string & {});
+
+  zIndex?: number | (string & {});
+}
+
+function getPlacementStyle(
+  placement: FloatProps["placement"],
+  offsetX: 0 | (string & {}) | undefined,
+  offsetY: 0 | (string & {}) | undefined,
+): {
+  top?: 0 | string | undefined;
+  left?: 0 | string | undefined;
+  right?: 0 | string | undefined;
+  bottom?: 0 | string | undefined;
+  unstable_transform?: string | undefined;
+} {
+  const offsetXValue = handleDimension(offsetX);
+  const offsetYValue = handleDimension(offsetY);
+
+  const centerLeft = offsetXValue ? `calc(50% + ${offsetXValue})` : "50%";
+  const middleTop = offsetYValue ? `calc(50% + ${offsetYValue})` : "50%";
+
+  const shiftLeft = "translateX(-50%)";
+  const shiftTop = "translateY(-50%)";
+  const shiftBoth = "translate(-50%, -50%)";
+
+  switch (placement) {
+    case "top-start":
+      return {
+        top: offsetYValue ?? 0,
+        left: offsetXValue ?? 0,
+      };
+    case "top-center":
+      return {
+        top: offsetYValue ?? 0,
+        left: centerLeft,
+        unstable_transform: shiftLeft,
+      };
+    case "top-end":
+      return {
+        top: offsetYValue ?? 0,
+        right: offsetXValue ?? 0,
+      };
+    case "middle-start":
+      return {
+        top: middleTop,
+        left: offsetXValue ?? 0,
+        unstable_transform: shiftTop,
+      };
+    case "middle-center":
+      return {
+        top: middleTop,
+        left: centerLeft,
+        unstable_transform: shiftBoth,
+      };
+    case "middle-end":
+      return {
+        top: middleTop,
+        right: offsetXValue ?? 0,
+        unstable_transform: shiftTop,
+      };
+    case "bottom-start":
+      return {
+        bottom: offsetYValue ?? 0,
+        left: offsetXValue ?? 0,
+      };
+    case "bottom-center":
+      return {
+        bottom: offsetYValue ?? 0,
+        left: centerLeft,
+        unstable_transform: shiftLeft,
+      };
+    case "bottom-end":
+      return {
+        bottom: offsetYValue ?? 0,
+        right: offsetXValue ?? 0,
+      };
+  }
+}
+
+export const Float = React.forwardRef<HTMLDivElement, FloatProps>((props, ref) => {
+  const { as, placement, offsetX, offsetY, zIndex, ...rest } = props;
+
+  const placementStyle = getPlacementStyle(placement, offsetX, offsetY);
+
+  return (
+    <Box ref={ref} as={as} position="absolute" zIndex={zIndex} {...placementStyle} {...rest} />
+  );
+});

package/src/components/Float/index.ts

@@ -0,0 +1 @@
+export { Float, type FloatProps } from "./Float";

package/src/components/FloatingActionButton/FloatingActionButton.namespace.tsx

@@ -0,0 +1,8 @@
+export {
+  FloatingActionButtonIcon as Icon,
+  FloatingActionButtonLabel as Label,
+  FloatingActionButtonRoot as Root,
+  type FloatingActionButtonIconProps as IconProps,
+  type FloatingActionButtonLabelProps as LabelProps,
+  type FloatingActionButtonRootProps as RootProps,
+} from "./FloatingActionButton";

package/src/components/FloatingActionButton/FloatingActionButton.tsx

@@ -0,0 +1,38 @@
+import {
+  floatingActionButton,
+  type FloatingActionButtonVariantProps,
+} from "@seed-design/css/recipes/floating-action-button";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import type * as React from "react";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+import { InternalIcon, type InternalIconProps } from "../private/Icon";
+
+const { withProvider, withContext } = createSlotRecipeContext(floatingActionButton);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface FloatingActionButtonRootProps
+  extends FloatingActionButtonVariantProps,
+    PrimitiveProps,
+    React.ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export const FloatingActionButtonRoot = withProvider<
+  HTMLButtonElement,
+  FloatingActionButtonRootProps
+>(Primitive.button, "root");
+
+export interface FloatingActionButtonIconProps extends InternalIconProps {}
+
+export const FloatingActionButtonIcon = withContext<
+  HTMLButtonElement,
+  FloatingActionButtonIconProps
+>(InternalIcon, "icon");
+
+export interface FloatingActionButtonLabelProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const FloatingActionButtonLabel = withContext<
+  HTMLSpanElement,
+  FloatingActionButtonLabelProps
+>(Primitive.span, "label");

package/src/components/FloatingActionButton/index.ts

@@ -0,0 +1,10 @@
+export {
+  FloatingActionButtonIcon,
+  FloatingActionButtonLabel,
+  FloatingActionButtonRoot,
+  type FloatingActionButtonIconProps,
+  type FloatingActionButtonLabelProps,
+  type FloatingActionButtonRootProps,
+} from "./FloatingActionButton";
+
+export * as FloatingActionButton from "./FloatingActionButton.namespace";

package/src/components/index.ts

@@ -11,6 +11,7 @@ export * from "./Checkbox";
 export * from "./ChipTabs";
 export * from "./Columns";
 export * from "./ConsistentWidth";
+export * from "./ContextualFloatingButton";
 export * from "./ControlChip";
 export * from "./Count";
 export * from "./Dialog";
@@ -18,7 +19,9 @@ export * from "./Divider";
 export * from "./ExtendedActionSheet";
 export * from "./ExtendedFab";
 export * from "./Fab";
+export * from "./FloatingActionButton";
 export * from "./Flex";
+export * from "./Float";
 export * from "./HelpBubble";
 export * from "./Icon";
 export * from "./IdentityPlaceholder";

package/src/utils/styled.tsx

@@ -20,7 +20,7 @@ export function handleColor(color: string | undefined) {
   return vars.$color[type]?.[value] ?? color;
 }
 
-export function handleDimension(dimension: string | 0 | undefined) {
+export function handleDimension(dimension: string | 0 | undefined): string | undefined {
   if (dimension == null) {
     return undefined;
   }
@@ -266,6 +266,8 @@ export interface StyleProps {
 
   overflowY?: "visible" | "hidden" | "scroll" | "auto";
 
+  zIndex?: number | (string & {});
+
   flexGrow?: 0 | 1 | (number & {});
 
   flexShrink?: 0 | (number & {});
@@ -317,6 +319,9 @@ export interface StyleProps {
     | "flexEnd"; // @deprecated Use `flex-end` instead.
 
   gap?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
+
+  // NOTE: Not sure how to treat transform/translate right now, mark as unstable until we have a better solution.
+  unstable_transform?: string;
 }
 
 interface UseStyleProps extends StyleProps {
@@ -372,6 +377,7 @@ export function useStyleProps<T extends UseStyleProps>(
     position,
     overflowX,
     overflowY,
+    zIndex,
     flexGrow,
     flexShrink,
     flexDirection,
@@ -381,6 +387,7 @@ export function useStyleProps<T extends UseStyleProps>(
     alignContent,
     alignSelf,
     gap,
+    unstable_transform,
     style,
     ...restProps
   } = props;
@@ -426,6 +433,7 @@ export function useStyleProps<T extends UseStyleProps>(
       "--seed-box-position": position,
       "--seed-box-overflow-x": overflowX,
       "--seed-box-overflow-y": overflowY,
+      "--seed-box-z-index": zIndex,
       "--seed-box-flex-grow": flexGrow,
       "--seed-box-flex-shrink": flexShrink,
       "--seed-box-flex-direction": handleFlexDirection(flexDirection),
@@ -434,6 +442,7 @@ export function useStyleProps<T extends UseStyleProps>(
       "--seed-box-align-items": handleAlignItems(alignItems),
       "--seed-box-align-content": handleAlignItems(alignContent),
       "--seed-box-align-self": handleAlignItems(alignSelf),
+      "--seed-box-unstable-transform": unstable_transform,
       ...style,
     } as React.CSSProperties,
     restProps,