@seed-design/lynx-react 0.7.1 → 0.9.0

package/lib/components/ChipTabs/ChipTabs.d.ts

@@ -0,0 +1,41 @@
+import { ChipTabsVariantProps } from '@seed-design/lynx-css/recipes/chip-tabs';
+import { TabsCarouselCameraProps, TabsCarouselProps, TabsContentProps, TabsListProps, TabsRootProps, TabsTriggerProps } from '../Tabs/Tabs';
+import * as React from "@lynx-js/react";
+type ChipTabsPublicVariantProps = Omit<ChipTabsVariantProps, "selected" | "pressed" | "disabled" | "inCarousel">;
+/**
+ * @platform Lynx
+ *
+ * 웹 대비 미지원 기능:
+ * - `lazyMount`, `unmountOnExit`: native viewpager가 모든 page slot을 유지해야 함
+ * - 키보드 포커스와 roving tabindex
+ */
+export interface ChipTabsRootProps extends Omit<TabsRootProps, "size" | "contentLayout" | "stickyList" | "triggerLayout">, ChipTabsPublicVariantProps {
+}
+/**
+ * Chip recipe와 Tabs의 controlled state, horizontal scrolling, and native pager behavior를 결합합니다.
+ */
+export declare const ChipTabsRoot: React.ForwardRefExoticComponent<ChipTabsRootProps & React.RefAttributes<unknown>>;
+export interface ChipTabsListProps extends Omit<TabsListProps, "scrollAlign"> {
+    /** 선택한 chip을 목록 안에서 정렬할 방식입니다. @defaultValue "nearest" */
+    scrollAlign?: TabsListProps["scrollAlign"];
+}
+/**
+ * ChipTabs는 이미 보이는 선택 chip을 움직이지 않도록 기본적으로 `"nearest"`를 사용합니다.
+ */
+export declare const ChipTabsList: React.ForwardRefExoticComponent<Omit<ChipTabsListProps, "ref"> & React.RefAttributes<unknown>>;
+/** Native text label and optional inline notification slot을 갖는 chip trigger입니다. */
+export interface ChipTabsTriggerProps extends TabsTriggerProps {
+}
+export declare const ChipTabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<unknown>>;
+export interface ChipTabsContentProps extends TabsContentProps {
+}
+export declare const ChipTabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<unknown>>;
+/** @platform Lynx native viewpager를 사용하므로 Tabs Carousel의 미지원 prop과 동일합니다. */
+export interface ChipTabsCarouselProps extends TabsCarouselProps {
+}
+export declare const ChipTabsCarousel: React.ForwardRefExoticComponent<TabsCarouselProps & React.RefAttributes<unknown>>;
+export interface ChipTabsCarouselCameraProps extends TabsCarouselCameraProps {
+}
+export declare const ChipTabsCarouselCamera: React.ForwardRefExoticComponent<TabsCarouselCameraProps & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=ChipTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAI9F,OAAO,EAOL,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAUtB,KAAK,0BAA0B,GAAG,IAAI,CACpC,oBAAoB,EACpB,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CACnD,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,eAAe,GAAG,YAAY,GAAG,eAAe,CAAC,EACpF,0BAA0B;CAAG;AAEjC;;GAEG;AACH,eAAO,MAAM,YAAY,mFA0BvB,CAAC;AAKH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC;IAC3E,0DAA0D;IAC1D,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC5C;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,gGAIxB,CAAC;AAKF,mFAAmF;AACnF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;CAAG;AAEjE,eAAO,MAAM,eAAe,kFAAc,CAAC;AAI3C,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;CAAG;AAEjE,eAAO,MAAM,eAAe,kFAAc,CAAC;AAI3C,6EAA6E;AAC7E,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;CAAG;AAEnE,eAAO,MAAM,gBAAgB,mFAAe,CAAC;AAI7C,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,yFAAqB,CAAC"}

package/lib/components/ChipTabs/ChipTabs.jsx

@@ -0,0 +1,39 @@
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import { TabsCarousel, TabsCarouselCamera, TabsContent, TabsList, TabsRootPrimitive, TabsTrigger } from "../Tabs/Tabs.jsx";
+import * as React from "@lynx-js/react";
+import { chipTabs } from "@seed-design/lynx-css/recipes/chip-tabs";
+//#region src/components/ChipTabs/ChipTabs.tsx
+var CHIP_TABS_TRIGGER_GAP = 8;
+var { ClassNamesProvider: ChipTabsClassNamesProvider } = createSlotRecipeContext(chipTabs);
+/**
+* Chip recipe와 Tabs의 controlled state, horizontal scrolling, and native pager behavior를 결합합니다.
+*/
+var ChipTabsRoot = React.forwardRef((props, ref) => {
+	const [variantProps, rootProps] = chipTabs.splitVariantProps(props);
+	const getClassNames = React.useCallback((state = {}) => chipTabs({
+		...variantProps,
+		selected: state.selected,
+		pressed: state.pressed,
+		disabled: state.disabled,
+		inCarousel: state.inCarousel
+	}), [variantProps]);
+	const recipe = React.useMemo(() => ({
+		getClassNames,
+		triggerGap: CHIP_TABS_TRIGGER_GAP
+	}), [getClassNames]);
+	return <ChipTabsClassNamesProvider value={getClassNames()}>
+      <TabsRootPrimitive {...rootProps} ref={ref} recipe={recipe} inlineNotification />
+    </ChipTabsClassNamesProvider>;
+});
+ChipTabsRoot.displayName = "ChipTabsRoot";
+/**
+* ChipTabs는 이미 보이는 선택 chip을 움직이지 않도록 기본적으로 `"nearest"`를 사용합니다.
+*/
+var ChipTabsList = React.forwardRef(({ scrollAlign = "nearest", ...props }, ref) => <TabsList {...props} ref={ref} scrollAlign={scrollAlign} />);
+ChipTabsList.displayName = "ChipTabsList";
+var ChipTabsTrigger = TabsTrigger;
+var ChipTabsContent = TabsContent;
+var ChipTabsCarousel = TabsCarousel;
+var ChipTabsCarouselCamera = TabsCarouselCamera;
+//#endregion
+export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger };

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

@@ -0,0 +1,2 @@
+export { ChipTabsCarousel as Carousel, ChipTabsCarouselCamera as CarouselCamera, ChipTabsContent as Content, ChipTabsList as List, ChipTabsRoot as Root, ChipTabsTrigger as Trigger, type ChipTabsCarouselCameraProps as CarouselCameraProps, type ChipTabsCarouselProps as CarouselProps, type ChipTabsContentProps as ContentProps, type ChipTabsListProps as ListProps, type ChipTabsRootProps as RootProps, type ChipTabsTriggerProps as TriggerProps, } from './ChipTabs';
+//# sourceMappingURL=ChipTabs.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTabs.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,QAAQ,EAC5B,sBAAsB,IAAI,cAAc,EACxC,eAAe,IAAI,OAAO,EAC1B,YAAY,IAAI,IAAI,EACpB,YAAY,IAAI,IAAI,EACpB,eAAe,IAAI,OAAO,EAC1B,KAAK,2BAA2B,IAAI,mBAAmB,EACvD,KAAK,qBAAqB,IAAI,aAAa,EAC3C,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,oBAAoB,IAAI,YAAY,GAC1C,MAAM,YAAY,CAAC"}

package/lib/components/ChipTabs/ChipTabs.namespace.js

@@ -0,0 +1,13 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from "./ChipTabs.jsx";
+//#region src/components/ChipTabs/ChipTabs.namespace.ts
+var ChipTabs_namespace_exports = /* @__PURE__ */ __exportAll({
+	Carousel: () => ChipTabsCarousel,
+	CarouselCamera: () => ChipTabsCarouselCamera,
+	Content: () => ChipTabsContent,
+	List: () => ChipTabsList,
+	Root: () => ChipTabsRoot,
+	Trigger: () => ChipTabsTrigger
+});
+//#endregion
+export { ChipTabs_namespace_exports };

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

@@ -0,0 +1,3 @@
+export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger, type ChipTabsCarouselCameraProps, type ChipTabsCarouselProps, type ChipTabsContentProps, type ChipTabsListProps, type ChipTabsRootProps, type ChipTabsTriggerProps, } from './ChipTabs';
+export * as ChipTabs from './ChipTabs.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,18 @@
+import { ContextualFloatingButtonVariantProps } from '@seed-design/lynx-css/recipes/contextual-floating-button';
+import { LynxAccessibilityProps, LynxPressableProps, LynxStyledElementProps } from '../../types';
+import * as React from "@lynx-js/react";
+type ContextualFloatingButtonPublicVariantProps = Omit<ContextualFloatingButtonVariantProps, "pressed">;
+/**
+ * @platform Lynx
+ *
+ * Web version differences:
+ * - Native `<view>` and `bindtap` / `main-thread:bindtap` replace HTML button events,
+ *   form props, and `asChild`.
+ * - `loading` blocks both native tap callbacks, unlike the React reference which only
+ *   exposes pending state to its underlying button.
+ */
+export interface ContextualFloatingButtonProps extends ContextualFloatingButtonPublicVariantProps, Omit<LynxStyledElementProps, "flatten">, LynxPressableProps, LynxAccessibilityProps {
+}
+export declare const ContextualFloatingButton: React.ForwardRefExoticComponent<ContextualFloatingButtonProps & React.RefAttributes<unknown>>;
+export {};
+//# 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,0DAA0D,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAIxC,OAAO,KAAK,EACV,sBAAsB,EAEtB,kBAAkB,EAClB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AASrB,KAAK,0CAA0C,GAAG,IAAI,CACpD,oCAAoC,EACpC,SAAS,CACV,CAAC;AAqHF;;;;;;;;GAQG;AACH,MAAM,WAAW,6BACf,SAAQ,0CAA0C,EAChD,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,EACvC,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,wBAAwB,+FAsEpC,CAAC"}

package/lib/components/ContextualFloatingButton/ContextualFloatingButton.jsx

@@ -0,0 +1,113 @@
+import { usePressTap } from "../../packages/lynx-react-headless/use-press-tap/lib/index.js";
+import { useScaleFeedback } from "../../hooks/useScaleFeedback.js";
+import { toArray } from "../../utils/children.js";
+import { mergeProps } from "../../utils/merge-props.js";
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import { IconRequired, IconSlotProvider, getIconSlotName } from "../Icon/Icon.jsx";
+import { ProgressCircleRange, ProgressCircleRoot } from "../ProgressCircle/ProgressCircle.jsx";
+import * as React from "@lynx-js/react";
+import clsx from "clsx";
+import { contextualFloatingButton } from "@seed-design/lynx-css/recipes/contextual-floating-button";
+//#region src/components/ContextualFloatingButton/ContextualFloatingButton.tsx
+var { ClassNamesProvider, useClassNames } = createSlotRecipeContext(contextualFloatingButton);
+var ContextualFloatingButtonRoot = React.forwardRef((innerProps, ref) => {
+	const [variantProps, otherProps] = contextualFloatingButton.splitVariantProps(innerProps);
+	const classNames = contextualFloatingButton(variantProps);
+	const { children, className, ...nativeProps } = otherProps;
+	const iconSlotContextValue = React.useMemo(() => ({
+		classNames: {
+			icon: classNames.icon,
+			prefixIcon: classNames.prefixIcon
+		},
+		deps: [
+			variantProps.variant ?? null,
+			variantProps.layout ?? null,
+			variantProps.pressed ?? false,
+			variantProps.disabled ?? false,
+			variantProps.loading ?? false
+		]
+	}), [
+		classNames.icon,
+		classNames.prefixIcon,
+		variantProps.variant,
+		variantProps.layout,
+		variantProps.pressed,
+		variantProps.disabled,
+		variantProps.loading
+	]);
+	return <ClassNamesProvider value={classNames}>
+        <IconSlotProvider value={iconSlotContextValue}>
+          <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.root, className)}>
+            {children}
+          </view>
+        </IconSlotProvider>
+      </ClassNamesProvider>;
+});
+ContextualFloatingButtonRoot.displayName = "ContextualFloatingButtonRoot";
+function ContextualFloatingButtonText({ children }) {
+	const classNames = useClassNames();
+	return <text className={classNames.text}>{children}</text>;
+}
+function ContextualFloatingButtonContent({ children, isIconOnly }) {
+	const classNames = useClassNames();
+	const prefixIconChildren = [];
+	const iconChildren = [];
+	const textChildren = [];
+	for (const child of toArray(children)) {
+		const slotName = getIconSlotName(child);
+		if (slotName === "prefixIcon") {
+			prefixIconChildren.push(child);
+			continue;
+		}
+		if (slotName === "icon") {
+			iconChildren.push(child);
+			continue;
+		}
+		textChildren.push(child);
+	}
+	return <view className={classNames.content}>
+      {isIconOnly ? <>{iconChildren}</> : <>
+          {prefixIconChildren}
+          {textChildren.length > 0 ? <ContextualFloatingButtonText>{textChildren}</ContextualFloatingButtonText> : null}
+        </>}
+    </view>;
+}
+function ContextualFloatingButtonLoadingIndicator() {
+	const classNames = useClassNames();
+	return <view className={classNames.loadingIndicator}>
+      <ProgressCircleRoot size="16" tone="inherit">
+        <ProgressCircleRange />
+      </ProgressCircleRoot>
+    </view>;
+}
+var ContextualFloatingButton = React.forwardRef((props, ref) => {
+	const [variantProps, otherProps] = contextualFloatingButton.splitVariantProps(props);
+	const { children, bindtap, "main-thread:bindtap": mainThreadBindtap, "accessibility-element": accessibilityElement = true, "accessibility-label": accessibilityLabel, "accessibility-role-description": accessibilityRoleDescription = "button", "accessibility-traits": accessibilityTraits, ...nativeProps } = otherProps;
+	const layout = variantProps.layout ?? "withText";
+	const disabled = variantProps.disabled ?? false;
+	const loading = variantProps.loading ?? false;
+	const isInteractive = !disabled && !loading;
+	if (process.env.NODE_ENV !== "production" && layout === "iconOnly" && accessibilityElement && !accessibilityLabel) console.warn("ContextualFloatingButton: `layout=\"iconOnly\"` requires `accessibility-label` for accessibility.");
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel, ...pressTapHandlers } = usePressTap({
+		disabled: !isInteractive,
+		onTap: bindtap,
+		mainThreadOnTap: mainThreadBindtap
+	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled: !isInteractive,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
+	return <IconRequired enabled={layout === "iconOnly"}>
+        <ContextualFloatingButtonRoot {...mergeProps({ ref }, scaleFeedbackTargetProps, scaleFeedbackTriggerProps, pressTapHandlers, nativeProps)} {...variantProps} pressed={pressed} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits ?? (disabled || loading ? "disabled" : void 0)} flatten={false}>
+          {loading ? <ContextualFloatingButtonLoadingIndicator /> : null}
+          <ContextualFloatingButtonContent isIconOnly={layout === "iconOnly"}>
+            {children}
+          </ContextualFloatingButtonContent>
+        </ContextualFloatingButtonRoot>
+      </IconRequired>;
+});
+ContextualFloatingButton.displayName = "ContextualFloatingButton";
+//#endregion
+export { 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/Dialog/Dialog.d.ts

@@ -0,0 +1,87 @@
+import { DialogBackdropProps as DialogPrimitiveBackdropProps, DialogCloseProps as DialogPrimitiveCloseProps, DialogContentProps as DialogPrimitiveContentProps, DialogRootProps as DialogPrimitiveRootProps, DialogTriggerProps as DialogPrimitiveTriggerProps, DialogViewProps as DialogPrimitiveViewProps } from '@lynx-js/lynx-ui-dialog';
+import { ForwardRefExoticComponent, PropsWithoutRef, ReactElement, RefAttributes } from '@lynx-js/react';
+import { DialogVariantProps } from '@seed-design/lynx-css/recipes/dialog';
+import { LynxStyledElementProps } from '../../types';
+import { StyleProps } from '../../utils/styled';
+type DialogComponent<Props> = ((props: Props) => ReactElement) & {
+    displayName?: string;
+};
+type LynxForwardRefComponent<T, Props> = ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<T>>;
+export interface DialogRootProps extends DialogVariantProps, Omit<DialogPrimitiveRootProps, "show" | "defaultShow" | "onShowChange"> {
+    /**
+     * Whether the dialog is open (controlled mode).
+     * Internally mapped to `show` of `@lynx-js/lynx-ui-dialog`.
+     */
+    open?: boolean;
+    /**
+     * Whether the dialog is open by default (uncontrolled mode).
+     * Internally mapped to `defaultShow`.
+     * @defaultValue false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Called when the dialog's open state is about to change.
+     * The Lynx headless implementation provides only the next boolean state.
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * @platform Lynx — wraps `@lynx-js/lynx-ui-dialog`.
+ *
+ * Unlike the React Dialog primitive, Lynx does not support refs, `lazyMount`,
+ * `unmountOnExit`, focus management, title/description associations, Escape-key
+ * dismissal, `asChild`, or close-reason details. Use `forceMount` from the
+ * underlying Lynx dialog when content must remain mounted while closed.
+ */
+export declare const DialogRoot: DialogComponent<DialogRootProps>;
+export interface DialogTriggerProps extends DialogPrimitiveTriggerProps {
+}
+/**
+ * @platform Lynx — `asChild` and refs are unsupported.
+ */
+export declare const DialogTrigger: DialogComponent<DialogTriggerProps>;
+export interface DialogPositionerProps extends DialogPrimitiveViewProps {
+}
+/**
+ * @platform Lynx — maps to `DialogView`; refs are unsupported.
+ */
+export declare const DialogPositioner: DialogComponent<DialogPositionerProps>;
+export interface DialogBackdropProps extends DialogPrimitiveBackdropProps {
+}
+/**
+ * @platform Lynx — refs are unsupported. Native lifecycle handlers in
+ * `dialogBackdropProps` are reserved by the headless primitive and are omitted
+ * so they cannot replace its presence and dismissal handlers.
+ */
+export declare const DialogBackdrop: DialogComponent<DialogBackdropProps>;
+export interface DialogContentProps extends DialogPrimitiveContentProps {
+}
+/**
+ * @platform Lynx — refs are unsupported. Native lifecycle handlers in
+ * `dialogContentProps` are reserved by the headless primitive and are omitted
+ * so they cannot replace its presence handlers.
+ */
+export declare const DialogContent: DialogComponent<DialogContentProps>;
+export interface DialogHeaderProps extends StyleProps, LynxStyledElementProps {
+}
+export declare const DialogHeader: LynxForwardRefComponent<unknown, DialogHeaderProps>;
+export interface DialogBodyProps extends StyleProps, LynxStyledElementProps {
+}
+export declare const DialogBody: LynxForwardRefComponent<unknown, DialogBodyProps>;
+export interface DialogTitleProps extends StyleProps, LynxStyledElementProps {
+}
+export declare const DialogTitle: LynxForwardRefComponent<unknown, DialogTitleProps>;
+export interface DialogDescriptionProps extends StyleProps, LynxStyledElementProps {
+}
+export declare const DialogDescription: LynxForwardRefComponent<unknown, DialogDescriptionProps>;
+export interface DialogFooterProps extends StyleProps, LynxStyledElementProps {
+}
+export declare const DialogFooter: LynxForwardRefComponent<unknown, DialogFooterProps>;
+export interface DialogActionProps extends DialogPrimitiveCloseProps {
+}
+/**
+ * @platform Lynx — maps to `DialogClose`; `asChild` and refs are unsupported.
+ */
+export declare const DialogAction: DialogComponent<DialogActionProps>;
+export {};
+//# sourceMappingURL=Dialog.d.ts.map

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

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

package/lib/components/Dialog/Dialog.jsx

@@ -0,0 +1,147 @@
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import { useStyleProps } from "../../utils/styled.js";
+import { forwardRef } from "@lynx-js/react";
+import clsx from "clsx";
+import { DialogBackdrop, DialogClose, DialogContent, DialogRoot, DialogTrigger, DialogView } from "@lynx-js/lynx-ui-dialog";
+import { dialog } from "@seed-design/lynx-css/recipes/dialog";
+//#region src/components/Dialog/Dialog.tsx
+var { ClassNamesProvider, PropsProvider, useClassNames, useProps } = createSlotRecipeContext(dialog);
+function omitHeadlessLifecycleHandlers(props) {
+	if (!props) return props;
+	const { bindanimationstart: _bindanimationstart, bindanimationend: _bindanimationend, bindanimationcancel: _bindanimationcancel, bindtransitionstart: _bindtransitionstart, bindtransitionend: _bindtransitionend, bindtap: _bindtap, ...nativeProps } = props;
+	return nativeProps;
+}
+function useDialogTransition(transition) {
+	return useProps()?.skipAnimation === true ? false : transition ?? true;
+}
+/**
+* @platform Lynx — wraps `@lynx-js/lynx-ui-dialog`.
+*
+* Unlike the React Dialog primitive, Lynx does not support refs, `lazyMount`,
+* `unmountOnExit`, focus management, title/description associations, Escape-key
+* dismissal, `asChild`, or close-reason details. Use `forceMount` from the
+* underlying Lynx dialog when content must remain mounted while closed.
+*/
+var DialogRoot$1 = forwardRef((props, _ref) => {
+	const [variantProps, restProps] = dialog.splitVariantProps(props);
+	const { children, open, defaultOpen, onOpenChange, ...nativeProps } = restProps;
+	const classNames = dialog(variantProps);
+	return <ClassNamesProvider value={classNames}>
+      <PropsProvider value={variantProps}>
+        <DialogRoot {...nativeProps} show={open} defaultShow={defaultOpen} onShowChange={onOpenChange}>
+          {children}
+        </DialogRoot>
+      </PropsProvider>
+    </ClassNamesProvider>;
+});
+DialogRoot$1.displayName = "DialogRoot";
+/**
+* @platform Lynx — `asChild` and refs are unsupported.
+*/
+var DialogTrigger$1 = forwardRef((props, _ref) => {
+	const { children, transition, ...nativeProps } = props;
+	const resolvedTransition = useDialogTransition(transition);
+	return <DialogTrigger {...nativeProps} transition={resolvedTransition}>
+      {children}
+    </DialogTrigger>;
+});
+DialogTrigger$1.displayName = "DialogTrigger";
+/**
+* @platform Lynx — maps to `DialogView`; refs are unsupported.
+*/
+var DialogPositioner = forwardRef((props, _ref) => {
+	const { children, className, transition, ...nativeProps } = props;
+	const classNames = useClassNames();
+	const resolvedTransition = useDialogTransition(transition);
+	return <DialogView {...nativeProps} className={clsx(classNames.positioner, className)} transition={resolvedTransition}>
+      {children}
+    </DialogView>;
+});
+DialogPositioner.displayName = "DialogPositioner";
+/**
+* @platform Lynx — refs are unsupported. Native lifecycle handlers in
+* `dialogBackdropProps` are reserved by the headless primitive and are omitted
+* so they cannot replace its presence and dismissal handlers.
+*/
+var DialogBackdrop$1 = forwardRef((props, _ref) => {
+	const { children, className, transition, dialogBackdropProps, ...nativeProps } = props;
+	const classNames = useClassNames();
+	const resolvedTransition = useDialogTransition(transition);
+	return <DialogBackdrop {...nativeProps} className={clsx(classNames.backdrop, className)} transition={resolvedTransition} dialogBackdropProps={omitHeadlessLifecycleHandlers(dialogBackdropProps)}>
+      {children}
+    </DialogBackdrop>;
+});
+DialogBackdrop$1.displayName = "DialogBackdrop";
+/**
+* @platform Lynx — refs are unsupported. Native lifecycle handlers in
+* `dialogContentProps` are reserved by the headless primitive and are omitted
+* so they cannot replace its presence handlers.
+*/
+var DialogContent$1 = forwardRef((props, _ref) => {
+	const { children, className, transition, dialogContentProps, ...nativeProps } = props;
+	const classNames = useClassNames();
+	const resolvedTransition = useDialogTransition(transition);
+	return <DialogContent {...nativeProps} className={clsx(classNames.content, className)} transition={resolvedTransition} dialogContentProps={omitHeadlessLifecycleHandlers(dialogContentProps)}>
+      {children}
+    </DialogContent>;
+});
+DialogContent$1.displayName = "DialogContent";
+var DialogHeader = forwardRef((props, ref) => {
+	const { style, restProps } = useStyleProps(props);
+	const { children, className, ...nativeProps } = restProps;
+	const classNames = useClassNames();
+	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.header, className)} style={style}>
+      {children}
+    </view>;
+});
+DialogHeader.displayName = "DialogHeader";
+var DialogBody = forwardRef((props, ref) => {
+	const { style, restProps } = useStyleProps(props);
+	const { children, className, ...nativeProps } = restProps;
+	const classNames = useClassNames();
+	return <scroll-view {...ref ? { ref } : {}} {...nativeProps} scroll-y className={clsx(classNames.body, className)} style={style}>
+      {children}
+    </scroll-view>;
+});
+DialogBody.displayName = "DialogBody";
+var DialogTitle = forwardRef((props, ref) => {
+	const { style, restProps } = useStyleProps(props);
+	const { children, className, ...nativeProps } = restProps;
+	const classNames = useClassNames();
+	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.title, className)} style={style}>
+      {children}
+    </text>;
+});
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = forwardRef((props, ref) => {
+	const { style, restProps } = useStyleProps(props);
+	const { children, className, ...nativeProps } = restProps;
+	const classNames = useClassNames();
+	return <text {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.description, className)} style={style}>
+        {children}
+      </text>;
+});
+DialogDescription.displayName = "DialogDescription";
+var DialogFooter = forwardRef((props, ref) => {
+	const { style, restProps } = useStyleProps(props);
+	const { children, className, ...nativeProps } = restProps;
+	const classNames = useClassNames();
+	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(classNames.footer, className)} style={style}>
+      {children}
+    </view>;
+});
+DialogFooter.displayName = "DialogFooter";
+/**
+* @platform Lynx — maps to `DialogClose`; `asChild` and refs are unsupported.
+*/
+var DialogAction = forwardRef((props, _ref) => {
+	const { children, className, transition, ...nativeProps } = props;
+	const classNames = useClassNames();
+	const resolvedTransition = useDialogTransition(transition);
+	return <DialogClose {...nativeProps} className={clsx(classNames.action, className)} transition={resolvedTransition}>
+      {children}
+    </DialogClose>;
+});
+DialogAction.displayName = "DialogAction";
+//#endregion
+export { DialogAction, DialogBackdrop$1 as DialogBackdrop, DialogBody, DialogContent$1 as DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot$1 as DialogRoot, DialogTitle, DialogTrigger$1 as DialogTrigger };

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

@@ -0,0 +1,2 @@
+export { DialogAction as Action, DialogBackdrop as Backdrop, DialogBody as Body, DialogContent as Content, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogPositioner as Positioner, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, type DialogActionProps as ActionProps, type DialogBackdropProps as BackdropProps, type DialogBodyProps as BodyProps, type DialogContentProps as ContentProps, type DialogDescriptionProps as DescriptionProps, type DialogFooterProps as FooterProps, type DialogHeaderProps as HeaderProps, type DialogPositionerProps as PositionerProps, type DialogRootProps as RootProps, type DialogTitleProps as TitleProps, type DialogTriggerProps as TriggerProps, } from './Dialog';
+//# sourceMappingURL=Dialog.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,MAAM,EACtB,cAAc,IAAI,QAAQ,EAC1B,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,iBAAiB,IAAI,WAAW,EAChC,YAAY,IAAI,MAAM,EACtB,YAAY,IAAI,MAAM,EACtB,gBAAgB,IAAI,UAAU,EAC9B,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,aAAa,IAAI,OAAO,EACxB,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,mBAAmB,IAAI,aAAa,EACzC,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,sBAAsB,IAAI,gBAAgB,EAC/C,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,kBAAkB,IAAI,YAAY,GACxC,MAAM,UAAU,CAAC"}

package/lib/components/Dialog/Dialog.namespace.js

@@ -0,0 +1,18 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { DialogAction, DialogBackdrop, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog.jsx";
+//#region src/components/Dialog/Dialog.namespace.ts
+var Dialog_namespace_exports = /* @__PURE__ */ __exportAll({
+	Action: () => DialogAction,
+	Backdrop: () => DialogBackdrop,
+	Body: () => DialogBody,
+	Content: () => DialogContent,
+	Description: () => DialogDescription,
+	Footer: () => DialogFooter,
+	Header: () => DialogHeader,
+	Positioner: () => DialogPositioner,
+	Root: () => DialogRoot,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+//#endregion
+export { Dialog_namespace_exports };

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

@@ -0,0 +1,3 @@
+export { DialogAction, type DialogActionProps, DialogBackdrop, type DialogBackdropProps, DialogBody, type DialogBodyProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogPositioner, type DialogPositionerProps, DialogRoot, type DialogRootProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, } from './Dialog';
+export * as Dialog from './Dialog.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,cAAc,EACd,KAAK,mBAAmB,EACxB,UAAU,EACV,KAAK,eAAe,EACpB,aAAa,EACb,KAAK,kBAAkB,EACvB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,YAAY,EACZ,KAAK,iBAAiB,EACtB,YAAY,EACZ,KAAK,iBAAiB,EACtB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,UAAU,EACV,KAAK,eAAe,EACpB,WAAW,EACX,KAAK,gBAAgB,EACrB,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,23 @@
+import { FloatingActionButtonVariantProps } from '@seed-design/lynx-css/recipes/floating-action-button';
+import { LynxAccessibilityProps, LynxPressableProps, LynxStyledElementProps } from '../../types';
+import { InternalIconProps } from '../Icon/Icon';
+import * as React from "@lynx-js/react";
+type FloatingActionButtonPublicVariantProps = Omit<FloatingActionButtonVariantProps, "pressed" | "transitionEnabled">;
+/**
+ * @platform Lynx
+ *
+ * Web DOM button props, `asChild`, `aria-*`, and `onClick` are not supported.
+ * Use native `bindtap` / `main-thread:bindtap` and `accessibility-*` props instead.
+ */
+export interface FloatingActionButtonRootProps extends FloatingActionButtonPublicVariantProps, LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
+    disabled?: boolean;
+}
+export declare const FloatingActionButtonRoot: React.ForwardRefExoticComponent<FloatingActionButtonRootProps & React.RefAttributes<unknown>>;
+export interface FloatingActionButtonIconProps extends Omit<InternalIconProps, "deps" | "disableDefaultResize"> {
+}
+export declare const FloatingActionButtonIcon: React.ForwardRefExoticComponent<FloatingActionButtonIconProps & React.RefAttributes<unknown>>;
+export interface FloatingActionButtonLabelProps extends LynxStyledElementProps {
+}
+export declare const FloatingActionButtonLabel: React.ForwardRefExoticComponent<FloatingActionButtonLabelProps & React.RefAttributes<unknown>>;
+export {};
+//# 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,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAGxC,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,sDAAsD,CAAC;AAI9D,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAMvB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKpE,KAAK,sCAAsC,GAAG,IAAI,CAChD,gCAAgC,EAChC,SAAS,GAAG,mBAAmB,CAChC,CAAC;AAiDF;;;;;GAKG;AACH,MAAM,WAAW,6BACf,SAAQ,sCAAsC,EAC5C,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,+FA0CpC,CAAC;AAKF,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,sBAAsB,CAAC;CAAG;AAIrE,eAAO,MAAM,wBAAwB,+FAepC,CAAC;AAKF,MAAM,WAAW,8BAA+B,SAAQ,sBAAsB;CAAG;AAEjF,eAAO,MAAM,yBAAyB,gGAsCrC,CAAC"}