@seed-design/react 0.0.29 → 0.0.31

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/Icon/Icon.d.ts

@@ -14,7 +14,7 @@ export declare const IconRequired: ({ children, enabled, }: {
 }) => import("react/jsx-runtime").JSX.Element;
 export interface IconProps {
     svg: React.ReactNode;
-    size?: Dimension | string;
+    size?: Dimension | (string & {});
     color?: ScopedColorFg | ScopedColorPalette;
 }
 export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI1F,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,wBAG1B;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,4CAsDjD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAE1B,KAAK,CAAC,EAAE,aAAa,GAAG,kBAAkB,CAAC;CAC5C;AAED,eAAO,MAAM,IAAI,qGA+BhB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,EAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC1D,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,OAAO,oHAe/D"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI1F,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,wBAG1B;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,4CAsDjD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEjC,KAAK,CAAC,EAAE,aAAa,GAAG,kBAAkB,CAAC;CAC5C;AAED,eAAO,MAAM,IAAI,qGA+BhB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,EAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC1D,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,OAAO,oHAe/D"}

package/lib/components/Tabs/Tabs.namespace.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const Tabs = require('./Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
 
 
 
@@ -13,3 +14,7 @@ exports.Indicator = Tabs.TabsIndicator;
 exports.List = Tabs.TabsList;
 exports.Root = Tabs.TabsRoot;
 exports.Trigger = Tabs.TabsTrigger;
+Object.defineProperty(exports, "carouselPreventDrag", {
+  enumerable: true,
+  get: () => reactTabs.tabsCarouselPreventDrag
+});

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

@@ -1,2 +1,3 @@
 export { TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsCarouselCamera as CarouselCamera, TabsCarousel as Carousel, TabsTrigger as Trigger, type TabsContentProps as ContentProps, type TabsIndicatorProps as IndicatorProps, type TabsListProps as ListProps, type TabsRootProps as RootProps, type TabsCarouselCameraProps as CarouselCameraProps, type TabsCarouselProps as CarouselProps, type TabsTriggerProps as TriggerProps, } from './Tabs';
+export { tabsCarouselPreventDrag as carouselPreventDrag } from '@seed-design/react-tabs';
 //# sourceMappingURL=Tabs.namespace.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,aAAa,IAAI,SAAS,EAC1B,QAAQ,IAAI,IAAI,EAChB,QAAQ,IAAI,IAAI,EAChB,kBAAkB,IAAI,cAAc,EACpC,YAAY,IAAI,QAAQ,EACxB,WAAW,IAAI,OAAO,EACtB,KAAK,gBAAgB,IAAI,YAAY,EACrC,KAAK,kBAAkB,IAAI,cAAc,EACzC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,uBAAuB,IAAI,mBAAmB,EACnD,KAAK,iBAAiB,IAAI,aAAa,EACvC,KAAK,gBAAgB,IAAI,YAAY,GACtC,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"Tabs.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,aAAa,IAAI,SAAS,EAC1B,QAAQ,IAAI,IAAI,EAChB,QAAQ,IAAI,IAAI,EAChB,kBAAkB,IAAI,cAAc,EACpC,YAAY,IAAI,QAAQ,EACxB,WAAW,IAAI,OAAO,EACtB,KAAK,gBAAgB,IAAI,YAAY,EACrC,KAAK,kBAAkB,IAAI,cAAc,EACzC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,uBAAuB,IAAI,mBAAmB,EACnD,KAAK,iBAAiB,IAAI,aAAa,EACvC,KAAK,gBAAgB,IAAI,YAAY,GACtC,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,uBAAuB,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/components/Tabs/Tabs.namespace.js

@@ -1 +1,2 @@
 export { TabsCarousel as Carousel, TabsCarouselCamera as CarouselCamera, TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsTrigger as Trigger } from './Tabs.js';
+export { tabsCarouselPreventDrag as carouselPreventDrag } from '@seed-design/react-tabs';

package/lib/components/Tabs/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const Tabs = require('./Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
 const Tabs_namespace = require('./Tabs.namespace.cjs');
 
 
@@ -14,4 +15,8 @@ exports.TabsIndicator = Tabs.TabsIndicator;
 exports.TabsList = Tabs.TabsList;
 exports.TabsRoot = Tabs.TabsRoot;
 exports.TabsTrigger = Tabs.TabsTrigger;
+Object.defineProperty(exports, "tabsCarouselPreventDrag", {
+  enumerable: true,
+  get: () => reactTabs.tabsCarouselPreventDrag
+});
 exports.Tabs = Tabs_namespace;

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

@@ -1,3 +1,4 @@
 export { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsCarouselCamera, TabsCarousel, TabsTrigger, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootProps, type TabsCarouselCameraProps, type TabsCarouselProps, type TabsTriggerProps, } from './Tabs';
+export { tabsCarouselPreventDrag } from '@seed-design/react-tabs';
 export * as Tabs from './Tabs.namespace';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,QAAQ,CAAC;AAEhB,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}

package/lib/components/Tabs/index.js

@@ -1,3 +1,4 @@
 export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from './Tabs.js';
+export { tabsCarouselPreventDrag } from '@seed-design/react-tabs';
 import * as Tabs_namespace from './Tabs.namespace.js';
 export { Tabs_namespace as Tabs };

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');
@@ -67,6 +71,7 @@ const Stack = require('./Stack/Stack.cjs');
 const Switch = require('./Switch/Switch.cjs');
 const Switch_namespace = require('./Switch/Switch.namespace.cjs');
 const Tabs = require('./Tabs/Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
 const Tabs_namespace = require('./Tabs/Tabs.namespace.cjs');
 const Text = require('./Text/Text.cjs');
 const TextField = require('./TextField/TextField.cjs');
@@ -134,6 +139,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 +169,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;
@@ -265,6 +276,10 @@ exports.TabsIndicator = Tabs.TabsIndicator;
 exports.TabsList = Tabs.TabsList;
 exports.TabsRoot = Tabs.TabsRoot;
 exports.TabsTrigger = Tabs.TabsTrigger;
+Object.defineProperty(exports, "tabsCarouselPreventDrag", {
+	enumerable: true,
+	get: () => reactTabs.tabsCarouselPreventDrag
+});
 exports.Tabs = Tabs_namespace;
 exports.Text = Text.Text;
 exports.TextFieldCharacterCount = TextField.TextFieldCharacterCount;