@seed-design/react 0.0.29 → 0.0.31

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 };
@@ -81,6 +86,7 @@ export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb
 import * as Switch_namespace from './Switch/Switch.namespace.js';
 export { Switch_namespace as Switch };
 export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from './Tabs/Tabs.js';
+export { tabsCarouselPreventDrag } from '@seed-design/react-tabs';
 import * as Tabs_namespace from './Tabs/Tabs.namespace.js';
 export { Tabs_namespace as Tabs };
 export { Text } from './Text/Text.js';

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');
@@ -67,6 +71,7 @@ const Stack = require('./components/Stack/Stack.cjs');
 const Switch = require('./components/Switch/Switch.cjs');
 const Switch_namespace = require('./components/Switch/Switch.namespace.cjs');
 const Tabs = require('./components/Tabs/Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
 const Tabs_namespace = require('./components/Tabs/Tabs.namespace.cjs');
 const Text = require('./components/Text/Text.cjs');
 const TextField = require('./components/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;

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 };
@@ -81,6 +86,7 @@ export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb
 import * as Switch_namespace from './components/Switch/Switch.namespace.js';
 export { Switch_namespace as Switch };
 export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from './components/Tabs/Tabs.js';
+export { tabsCarouselPreventDrag } from '@seed-design/react-tabs';
 import * as Tabs_namespace from './components/Tabs/Tabs.namespace.js';
 export { Tabs_namespace as Tabs };
 export { Text } from './components/Text/Text.js';

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":";AAAA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAI/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,OAOpD;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,OAiBhE;AAgHD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEhE;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExD,KAAK,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE3D,WAAW,CAAC,EAAE,iBAAiB,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErE,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEpC,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEvC,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEzC,iBAAiB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE1C,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE1C,mBAAmB,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEjD,oBAAoB,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAElD,uBAAuB,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErD,sBAAsB,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEpD,KAAK,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE7F,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEhG,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEhG,MAAM,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE9F,SAAS,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEjG,SAAS,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEjG,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEzB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE1B,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE3B,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE1F;;OAEG;IACH,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEpF,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE3F;;OAEG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErF,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE3F;;OAEG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErF,UAAU,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE7F;;OAEG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErF,YAAY,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE/F;;OAEG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErF,aAAa,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEhG;;OAEG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErF,WAAW,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE9F;;OAEG;IACH,EAAE,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAErF,OAAO,CAAC,EACJ,OAAO,GACP,MAAM,GACN,aAAa,GACb,QAAQ,GACR,cAAc,GACd,MAAM,GACN,YAAY,GACZ,aAAa,CAAC;IAElB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAExD,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAErD,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAErD,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEjC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAG/B,aAAa,CAAC,EACV,KAAK,GACL,QAAQ,GACR,aAAa,GACb,gBAAgB,GAChB,YAAY,GACZ,eAAe,CAAC;IAEpB,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,QAAQ,CAAC;IAE9C,cAAc,CAAC,EACX,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,WAAW,GACX,SAAS,GACT,cAAc,GACd,aAAa,CAAC;IAElB,UAAU,CAAC,EACP,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,SAAS,CAAC;IAEd,YAAY,CAAC,EACT,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,SAAS,CAAC;IAEd,SAAS,CAAC,EACN,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,SAAS,CAAC;IAEd,GAAG,CAAC,EAAE,SAAS,GAAG,YAAY,QAAQ,EAAE,GAAG,YAAY,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACvF;AAED,UAAU,aAAc,SAAQ,UAAU;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,aAAa,EACnD,KAAK,EAAE,CAAC,GACP;IACD,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,EAAE,IAAI,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC;CACzC,CA8GA;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,EAC5C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,oHAY3D"}
+{"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.31",
   "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.8",
     "@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.31",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@seed-design/css": "0.0.29",
+    "@seed-design/css": "0.0.31",
     "@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/Icon/Icon.tsx

@@ -106,7 +106,7 @@ export const IconRequired = ({
 export interface IconProps {
   svg: React.ReactNode;
 
-  size?: Dimension | string;
+  size?: Dimension | (string & {});
 
   color?: ScopedColorFg | ScopedColorPalette;
 }

package/src/components/Tabs/Tabs.namespace.ts

@@ -14,3 +14,5 @@ export {
   type TabsCarouselProps as CarouselProps,
   type TabsTriggerProps as TriggerProps,
 } from "./Tabs";
+
+export { tabsCarouselPreventDrag as carouselPreventDrag } from "@seed-design/react-tabs";

package/src/components/Tabs/index.ts

@@ -15,4 +15,6 @@ export {
   type TabsTriggerProps,
 } from "./Tabs";
 
+export { tabsCarouselPreventDrag } from "@seed-design/react-tabs";
+
 export * as Tabs from "./Tabs.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";