@seed-design/lynx-react 0.6.2 → 0.7.0

package/lib/components/SelectBox/SelectBox.jsx

@@ -1,5 +1,7 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
 import { IconSlotProvider, InternalIcon } from "../Icon/Icon.jsx";
+import { ScaleFeedbackContentContext } from "../../contexts/ScaleFeedbackContentContext.js";
 import { CheckboxRoot, useCheckboxContext } from "../Checkbox/Checkbox.jsx";
 import { RadioGroupItem, useRadioGroupItemContext } from "../RadioGroup/RadioGroup.jsx";
 import * as React from "@lynx-js/react";
@@ -36,7 +38,11 @@ function SelectBoxSurface({ children, className, style, accessibilityProps }) {
 		]
 	}}>
         <view className={clsx(classes.root, className)} style={style} accessibility-element={true} accessibility-role-description={context.accessibilityRole} accessibility-value={context.selected ? "selected" : "not selected"} accessibility-traits={context.disabled ? "disabled" : void 0} {...accessibilityProps}>
-          {children}
+          <view className={classes.scaleContent} {...context.scaleFeedbackTargetProps}>
+            <ScaleFeedbackContentContext.Provider value={true}>
+              {children}
+            </ScaleFeedbackContentContext.Provider>
+          </view>
           <view className={classes.selectedStroke} accessibility-elements-hidden={true} />
         </view>
       </IconSlotProvider>
@@ -47,10 +53,10 @@ var SelectBoxGroup = React.forwardRef((props, ref) => {
 	const classes = selectBoxGroup({ multiColumn: columns > 1 });
 	const layout = columns > 1 ? "vertical" : "horizontal";
 	return <SelectBoxLayoutContext.Provider value={{ layout }}>
-      <view {...ref ? { ref } : {}} className={clsx(classes, className)} style={{
+      <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes, className)} style={{
 		...style,
 		gridTemplateColumns: `repeat(${columns}, 1fr)`
-	}} {...nativeProps}>
+	}}>
         {children}
       </view>
     </SelectBoxLayoutContext.Provider>;
@@ -66,11 +72,13 @@ function CheckSelectBoxSurface(props) {
 		disabled: checkbox.disabled,
 		footerVisibility: props.footerVisibility,
 		variantProps: props.variantProps,
-		accessibilityRole: "checkbox"
+		accessibilityRole: "checkbox",
+		scaleFeedbackTargetProps: checkbox.scaleFeedbackTargetProps
 	}), [
 		checkbox.checked,
 		checkbox.disabled,
 		checkbox.pressed,
+		checkbox.scaleFeedbackTargetProps,
 		props.footerVisibility,
 		props.variantProps
 	]);
@@ -102,11 +110,13 @@ function RadioSelectBoxSurface(props) {
 		disabled: item.disabled,
 		footerVisibility: props.footerVisibility,
 		variantProps: props.variantProps,
-		accessibilityRole: "radio"
+		accessibilityRole: "radio",
+		scaleFeedbackTargetProps: item.scaleFeedbackTargetProps
 	}), [
 		item.checked,
 		item.disabled,
 		item.pressed,
+		item.scaleFeedbackTargetProps,
 		props.footerVisibility,
 		props.variantProps
 	]);
@@ -134,7 +144,7 @@ function createViewSlot(displayName, slot) {
 	const Component = React.forwardRef((props, ref) => {
 		const { children, className, ...nativeProps } = props;
 		const classes = useClassNames();
-		return <view {...ref ? { ref } : {}} className={clsx(classes[slot], className)} {...nativeProps}>
+		return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes[slot], className)}>
         {children}
       </view>;
 	});
@@ -145,7 +155,7 @@ function createTextSlot(displayName, slot) {
 	const Component = React.forwardRef((props, ref) => {
 		const { children, className, ...nativeProps } = props;
 		const classes = useClassNames();
-		return <text {...ref ? { ref } : {}} className={clsx(classes[slot], className)} {...nativeProps}>
+		return <text {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes[slot], className)}>
         {children}
       </text>;
 	});
@@ -157,7 +167,7 @@ function createLabelSlot(displayName) {
 		const { children, className, ...nativeProps } = props;
 		const classes = useClassNames();
 		const labelChildren = typeof children === "string" || typeof children === "number" ? <text>{children}</text> : children;
-		return <view {...ref ? { ref } : {}} className={clsx(classes.label, className)} {...nativeProps}>
+		return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.label, className)}>
         {labelChildren}
       </view>;
 	});
@@ -190,10 +200,10 @@ var SelectBoxFooter = React.forwardRef((props, ref) => {
 		const height = getFooterLayoutHeight(event);
 		if (height !== null) setContentHeight((current) => current === height ? current : height);
 	}, []);
-	return <view {...ref ? { ref } : {}} className={clsx(classes.footer, className)} style={{
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.footer, className)} style={{
 		...style,
 		height: context.footerVisibility === "always" || open && contentHeight === 0 ? "auto" : open ? `${contentHeight}px` : "0px"
-	}} accessibility-elements-hidden={!open || accessibilityElementsHidden} {...nativeProps}>
+	}} accessibility-elements-hidden={!open || accessibilityElementsHidden}>
       <view className={classes.footerInner} bindlayoutchange={handleLayoutChange}>
         {children}
       </view>
@@ -216,7 +226,7 @@ var CheckSelectBoxCheckmarkControl = React.forwardRef((props, ref) => {
 		iconClassName: classes.icon,
 		variantProps
 	}}>
-      <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} accessibility-elements-hidden={true} {...nativeProps}>
+      <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classes.root, className)} accessibility-elements-hidden={true}>
         {children}
       </view>
     </SelectBoxCheckmarkContext.Provider>;
@@ -226,11 +236,11 @@ var CheckSelectBoxCheckmarkIcon = React.forwardRef((props, ref) => {
 	const { className, ...otherProps } = props;
 	const context = React.useContext(SelectBoxCheckmarkContext);
 	if (!context) throw new Error("<CheckSelectBoxCheckmarkIcon/> must be rendered inside <CheckSelectBoxCheckmarkControl/>.");
-	return <InternalIcon ref={ref} className={clsx(context.iconClassName, className)} deps={[
+	return <InternalIcon {...mergeProps({ ref }, otherProps)} className={clsx(context.iconClassName, className)} deps={[
 		context.variantProps.selected,
 		context.variantProps.pressed,
 		context.variantProps.disabled
-	]} {...otherProps} />;
+	]} />;
 });
 CheckSelectBoxCheckmarkIcon.displayName = "CheckSelectBoxCheckmarkIcon";
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEpE,KAAK,eAAe,GAChB,SAAS,GACT,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,CAAC;AAEjB,UAAU,cAAe,SAAQ,UAAU,EAAE,sBAAsB,EAAE,kBAAkB;IACrF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,eAAe,CAAC;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAElD,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAwDlD,eAAO,MAAM,MAAM,6EAIjB,CAAC;AAIH,eAAO,MAAM,MAAM,6EAIjB,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGpE,KAAK,eAAe,GAChB,SAAS,GACT,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,CAAC;AAEjB,UAAU,cAAe,SAAQ,UAAU,EAAE,sBAAsB,EAAE,kBAAkB;IACrF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,eAAe,CAAC;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAElD,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAuDlD,eAAO,MAAM,MAAM,6EAIjB,CAAC;AAIH,eAAO,MAAM,MAAM,6EAIjB,CAAC"}

package/lib/components/Stack/Stack.jsx

@@ -1,3 +1,4 @@
+import { mergeProps } from "../../utils/merge-props.js";
 import { useStyleProps } from "../../utils/styled.js";
 import * as React from "@lynx-js/react";
 import clsx from "clsx";
@@ -32,7 +33,7 @@ function useStackStyleProps(props, flexDirection) {
 function renderStackView(stackStyleProps, ref) {
 	const { style, restProps } = stackStyleProps;
 	const { children, className, ...nativeProps } = restProps;
-	return <view {...ref ? { ref } : {}} {...nativeProps} className={clsx(className)} style={style}>
+	return <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(className)} style={style}>
       {children}
     </view>;
 }

package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.d.ts

@@ -0,0 +1,85 @@
+import { MenuSheetVariantProps } from '@seed-design/lynx-css/recipes/menu-sheet';
+import { MenuSheetItemVariantProps } from '@seed-design/lynx-css/recipes/menu-sheet-item';
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from '@lynx-js/react';
+import { LynxAccessibilityProps, LynxPressableProps, LynxStyledElementProps } from '../../types';
+import { BottomSheetBackdropProps, BottomSheetContentProps, BottomSheetHandleProps, BottomSheetPositionerProps, BottomSheetRootProps, BottomSheetRootRef } from '../BottomSheet/BottomSheet';
+import * as React from "@lynx-js/react";
+type LynxForwardRefComponent<T, P> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+export type SwipeableMenuSheetCloseReason = "trigger" | "closeButton" | "interactOutside" | "drag";
+export interface SwipeableMenuSheetOpenChangeDetails {
+    reason: SwipeableMenuSheetCloseReason;
+}
+export type SwipeableMenuSheetRootRef = BottomSheetRootRef;
+export interface SwipeableMenuSheetRootProps extends Omit<BottomSheetRootProps, "open" | "defaultOpen" | "onOpenChange" | "side" | "snapPoints" | "headerAlign" | "skipAnimation">, Omit<MenuSheetVariantProps, "closeButtonPressed"> {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, details: SwipeableMenuSheetOpenChangeDetails) => void;
+}
+/**
+ * A bottom-only, fit-height menu sheet backed by the Lynx BottomSheet engine.
+ */
+export declare const SwipeableMenuSheetRoot: LynxForwardRefComponent<BottomSheetRootRef, SwipeableMenuSheetRootProps>;
+export interface SwipeableMenuSheetTriggerProps extends LynxStyledElementProps, LynxAccessibilityProps, Pick<LynxPressableProps, "bindtap"> {
+}
+export declare const SwipeableMenuSheetTrigger: LynxForwardRefComponent<unknown, SwipeableMenuSheetTriggerProps>;
+export interface SwipeableMenuSheetPositionerProps extends BottomSheetPositionerProps {
+}
+export declare const SwipeableMenuSheetPositioner: LynxForwardRefComponent<unknown, SwipeableMenuSheetPositionerProps>;
+export interface SwipeableMenuSheetBackdropProps extends BottomSheetBackdropProps {
+}
+export declare function SwipeableMenuSheetBackdrop(props: SwipeableMenuSheetBackdropProps): React.JSX.Element;
+export declare namespace SwipeableMenuSheetBackdrop {
+    var displayName: string;
+}
+export interface SwipeableMenuSheetContentProps extends BottomSheetContentProps, LynxAccessibilityProps {
+    labelAlign?: SwipeableMenuSheetLabelAlign;
+}
+export declare const SwipeableMenuSheetContent: LynxForwardRefComponent<unknown, SwipeableMenuSheetContentProps>;
+export interface SwipeableMenuSheetHandleProps extends BottomSheetHandleProps {
+}
+export declare function SwipeableMenuSheetHandle(props: SwipeableMenuSheetHandleProps): React.JSX.Element;
+export declare namespace SwipeableMenuSheetHandle {
+    var displayName: string;
+}
+export interface SwipeableMenuSheetSlotProps extends LynxStyledElementProps {
+}
+export interface SwipeableMenuSheetHeaderProps extends SwipeableMenuSheetSlotProps {
+}
+export declare const SwipeableMenuSheetHeader: LynxForwardRefComponent<unknown, SwipeableMenuSheetSlotProps>;
+export interface SwipeableMenuSheetTitleProps extends SwipeableMenuSheetSlotProps {
+}
+export declare const SwipeableMenuSheetTitle: LynxForwardRefComponent<unknown, SwipeableMenuSheetSlotProps>;
+export interface SwipeableMenuSheetDescriptionProps extends SwipeableMenuSheetSlotProps {
+}
+export declare const SwipeableMenuSheetDescription: LynxForwardRefComponent<unknown, SwipeableMenuSheetSlotProps>;
+export interface SwipeableMenuSheetListProps extends SwipeableMenuSheetSlotProps {
+}
+export declare const SwipeableMenuSheetList: LynxForwardRefComponent<unknown, SwipeableMenuSheetSlotProps>;
+export type SwipeableMenuSheetLabelAlign = "left" | "center";
+export interface SwipeableMenuSheetGroupProps extends SwipeableMenuSheetSlotProps {
+    labelAlign?: SwipeableMenuSheetLabelAlign;
+}
+export declare const SwipeableMenuSheetGroup: LynxForwardRefComponent<unknown, SwipeableMenuSheetGroupProps>;
+export interface SwipeableMenuSheetFooterProps extends SwipeableMenuSheetSlotProps {
+}
+export declare const SwipeableMenuSheetFooter: LynxForwardRefComponent<unknown, SwipeableMenuSheetSlotProps>;
+export interface SwipeableMenuSheetCloseButtonProps extends LynxStyledElementProps, LynxAccessibilityProps, LynxPressableProps {
+}
+export declare const SwipeableMenuSheetCloseButton: LynxForwardRefComponent<unknown, SwipeableMenuSheetCloseButtonProps>;
+export type SwipeableMenuSheetItemTone = NonNullable<MenuSheetItemVariantProps["tone"]>;
+export interface SwipeableMenuSheetItemProps extends LynxStyledElementProps, LynxAccessibilityProps, LynxPressableProps {
+    tone?: SwipeableMenuSheetItemTone;
+    labelAlign?: SwipeableMenuSheetLabelAlign;
+}
+export declare const SwipeableMenuSheetItem: LynxForwardRefComponent<unknown, SwipeableMenuSheetItemProps>;
+export interface SwipeableMenuSheetItemContentProps extends LynxStyledElementProps {
+}
+export declare const SwipeableMenuSheetItemContent: LynxForwardRefComponent<unknown, SwipeableMenuSheetItemContentProps>;
+export interface SwipeableMenuSheetItemLabelProps extends LynxStyledElementProps {
+}
+export declare const SwipeableMenuSheetItemLabel: LynxForwardRefComponent<unknown, SwipeableMenuSheetItemLabelProps>;
+export interface SwipeableMenuSheetItemDescriptionProps extends LynxStyledElementProps {
+}
+export declare const SwipeableMenuSheetItemDescription: LynxForwardRefComponent<unknown, SwipeableMenuSheetItemDescriptionProps>;
+export {};
+//# sourceMappingURL=SwipeableMenuSheet.d.ts.map

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

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

package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.jsx

@@ -0,0 +1,256 @@
+import { usePressTap } from "../../hooks/usePressTap.js";
+import { toArray } from "../../utils/children.js";
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import { useSafeArea } from "../../hooks/useSafeArea.js";
+import { IconSlotProvider } from "../Icon/Icon.jsx";
+import { BottomSheetBackdrop, BottomSheetContent, BottomSheetHandle, BottomSheetPositioner, BottomSheetRoot } from "../BottomSheet/BottomSheet.jsx";
+import * as React from "@lynx-js/react";
+import { forwardRef, isValidElement } from "@lynx-js/react";
+import clsx from "clsx";
+import { menuSheet } from "@seed-design/lynx-css/recipes/menu-sheet";
+import { menuSheetItem } from "@seed-design/lynx-css/recipes/menu-sheet-item";
+//#region src/components/SwipeableMenuSheet/SwipeableMenuSheet.tsx
+var { ClassNamesProvider, useClassNames } = createSlotRecipeContext(menuSheet);
+var CONTENT_PADDING_BOTTOM = "16px";
+var SwipeableMenuSheetContext = React.createContext(null);
+var ContentLabelAlignContext = React.createContext(void 0);
+var GroupLabelAlignContext = React.createContext(void 0);
+var SwipeableMenuSheetItemPositionContext = React.createContext({ isLast: true });
+function useSwipeableMenuSheetContext() {
+	const context = React.useContext(SwipeableMenuSheetContext);
+	if (!context) throw new Error("SwipeableMenuSheet compound components must be used within SwipeableMenuSheetRoot.");
+	return context;
+}
+function closeSheet(rootRef, skipAnimation) {
+	if (skipAnimation) rootRef.current?.close({ animate: false });
+	else rootRef.current?.close();
+}
+/**
+* A bottom-only, fit-height menu sheet backed by the Lynx BottomSheet engine.
+*/
+var SwipeableMenuSheetRoot = forwardRef((props, forwardedRef) => {
+	const [variantProps, restProps] = menuSheet.splitVariantProps(props);
+	const { open, defaultOpen, onOpenChange, children, ...nativeProps } = restProps;
+	const skipAnimation = variantProps.skipAnimation === true;
+	const internalRef = React.useRef(null);
+	const pendingReasonRef = React.useRef(null);
+	const mergedRef = React.useCallback((value) => {
+		internalRef.current = value;
+		if (typeof forwardedRef === "function") forwardedRef(value);
+		else if (forwardedRef) forwardedRef.current = value;
+	}, [forwardedRef]);
+	const setPendingReason = React.useCallback((reason) => {
+		pendingReasonRef.current = reason;
+	}, []);
+	const handleShowChange = React.useCallback((nextOpen) => {
+		const reason = pendingReasonRef.current ?? "drag";
+		pendingReasonRef.current = null;
+		onOpenChange?.(nextOpen, { reason });
+	}, [onOpenChange]);
+	const classNames = React.useMemo(() => menuSheet({ skipAnimation }), [skipAnimation]);
+	const context = React.useMemo(() => ({
+		rootRef: internalRef,
+		skipAnimation,
+		setPendingReason
+	}), [setPendingReason, skipAnimation]);
+	return <SwipeableMenuSheetContext.Provider value={context}>
+      <ClassNamesProvider value={classNames}>
+        <BottomSheetRoot {...nativeProps} ref={mergedRef} open={open} defaultOpen={defaultOpen} side="bottom" snapPoints={["fit"]} skipAnimation={skipAnimation} onOpenChange={handleShowChange}>
+          {children}
+        </BottomSheetRoot>
+      </ClassNamesProvider>
+    </SwipeableMenuSheetContext.Provider>;
+});
+SwipeableMenuSheetRoot.displayName = "SwipeableMenuSheetRoot";
+var SwipeableMenuSheetTrigger = forwardRef((props, ref) => {
+	const { children, className, style, bindtap: userBindtap, "accessibility-element": accessibilityElement = true, "accessibility-label": accessibilityLabel, "accessibility-role-description": accessibilityRoleDescription = "button", "accessibility-traits": accessibilityTraits, "accessibility-value": accessibilityValue, "accessibility-elements-hidden": accessibilityElementsHidden, "accessibility-heading": accessibilityHeading, "accessibility-actions": accessibilityActions, "accessibility-exclusive-focus": accessibilityExclusiveFocus, "ios-platform-accessibility-id": iosPlatformAccessibilityId } = props;
+	const { rootRef, setPendingReason, skipAnimation } = useSwipeableMenuSheetContext();
+	const handleTap = (event, instance) => {
+		setPendingReason("trigger");
+		if (skipAnimation) rootRef.current?.open({ animate: false });
+		else rootRef.current?.open();
+		userBindtap?.(event, instance);
+	};
+	return <view {...ref ? { ref } : {}} bindtap={handleTap} className={className} style={style} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits} accessibility-value={accessibilityValue} accessibility-elements-hidden={accessibilityElementsHidden} accessibility-heading={accessibilityHeading} accessibility-actions={accessibilityActions} accessibility-exclusive-focus={accessibilityExclusiveFocus} ios-platform-accessibility-id={iosPlatformAccessibilityId}>
+      {children}
+    </view>;
+});
+SwipeableMenuSheetTrigger.displayName = "SwipeableMenuSheetTrigger";
+var SwipeableMenuSheetPositioner = forwardRef((props, ref) => {
+	const classNames = useClassNames();
+	return <BottomSheetPositioner {...ref ? { ref } : {}} {...props} className={clsx(classNames.positioner, props.className)} />;
+});
+SwipeableMenuSheetPositioner.displayName = "SwipeableMenuSheetPositioner";
+function SwipeableMenuSheetBackdrop(props) {
+	const { children, className, clickToClose = true, onClick: userOnClick, ...nativeProps } = props;
+	const classNames = useClassNames();
+	const { rootRef, setPendingReason, skipAnimation } = useSwipeableMenuSheetContext();
+	const handleClick = React.useCallback(() => {
+		if (clickToClose) {
+			setPendingReason("interactOutside");
+			closeSheet(rootRef, skipAnimation);
+		}
+		userOnClick?.();
+	}, [
+		clickToClose,
+		rootRef,
+		setPendingReason,
+		skipAnimation,
+		userOnClick
+	]);
+	return <BottomSheetBackdrop {...nativeProps} className={clsx(classNames.backdrop, className)} clickToClose={false} onClick={handleClick}>
+      {children}
+    </BottomSheetBackdrop>;
+}
+SwipeableMenuSheetBackdrop.displayName = "SwipeableMenuSheetBackdrop";
+var SwipeableMenuSheetContent = forwardRef((props, ref) => {
+	const { children, className, innerClassName, innerStyle, labelAlign, ...contentProps } = props;
+	const classNames = useClassNames();
+	const { safeAreaInsetBottom } = useSafeArea();
+	return <ContentLabelAlignContext.Provider value={labelAlign}>
+      <BottomSheetContent {...ref ? { ref } : {}} {...contentProps} className={clsx(classNames.content, className)} innerClassName={clsx(classNames.contentInner, innerClassName)} innerStyle={{
+		paddingBottom: `calc(${CONTENT_PADDING_BOTTOM} + ${safeAreaInsetBottom})`,
+		...innerStyle
+	}}>
+        {children}
+      </BottomSheetContent>
+    </ContentLabelAlignContext.Provider>;
+});
+SwipeableMenuSheetContent.displayName = "SwipeableMenuSheetContent";
+function SwipeableMenuSheetHandle(props) {
+	return <BottomSheetHandle {...props} />;
+}
+SwipeableMenuSheetHandle.displayName = "SwipeableMenuSheetHandle";
+function createViewSlot(slotName) {
+	return forwardRef((props, ref) => {
+		const { children, className, style } = props;
+		const classNames = useClassNames();
+		return <view {...ref ? { ref } : {}} className={clsx(classNames[slotName], className)} style={style}>
+        {children}
+      </view>;
+	});
+}
+function createTextSlot(slotName) {
+	return forwardRef((props, ref) => {
+		const { children, className, style } = props;
+		const classNames = useClassNames();
+		return <text {...ref ? { ref } : {}} className={clsx(classNames[slotName], className)} style={style}>
+        {children}
+      </text>;
+	});
+}
+var SwipeableMenuSheetHeader = createViewSlot("header");
+SwipeableMenuSheetHeader.displayName = "SwipeableMenuSheetHeader";
+var SwipeableMenuSheetTitle = createTextSlot("title");
+SwipeableMenuSheetTitle.displayName = "SwipeableMenuSheetTitle";
+var SwipeableMenuSheetDescription = createTextSlot("description");
+SwipeableMenuSheetDescription.displayName = "SwipeableMenuSheetDescription";
+var SwipeableMenuSheetList = createViewSlot("list");
+SwipeableMenuSheetList.displayName = "SwipeableMenuSheetList";
+var SwipeableMenuSheetGroup = forwardRef((props, ref) => {
+	const { children, className, style, labelAlign } = props;
+	const classNames = useClassNames();
+	const contentLabelAlign = React.useContext(ContentLabelAlignContext);
+	const resolvedLabelAlign = labelAlign ?? contentLabelAlign;
+	const items = toArray(children);
+	return <GroupLabelAlignContext.Provider value={resolvedLabelAlign}>
+      <view {...ref ? { ref } : {}} className={clsx(classNames.group, className)} style={style}>
+        {items.map((item, index) => <SwipeableMenuSheetItemPositionContext.Provider key={isValidElement(item) ? item.key ?? index : index} value={{ isLast: index === items.length - 1 }}>
+            {item}
+          </SwipeableMenuSheetItemPositionContext.Provider>)}
+      </view>
+    </GroupLabelAlignContext.Provider>;
+});
+SwipeableMenuSheetGroup.displayName = "SwipeableMenuSheetGroup";
+var SwipeableMenuSheetFooter = createViewSlot("footer");
+SwipeableMenuSheetFooter.displayName = "SwipeableMenuSheetFooter";
+var SwipeableMenuSheetCloseButton = forwardRef((props, ref) => {
+	const { children, className, style, bindtap: userBindtap, "main-thread:bindtap": userMainThreadBindtap, "accessibility-element": accessibilityElement = true, "accessibility-label": accessibilityLabel = "Close", "accessibility-role-description": accessibilityRoleDescription = "button", "accessibility-traits": accessibilityTraits, "accessibility-value": accessibilityValue, "accessibility-elements-hidden": accessibilityElementsHidden, "accessibility-heading": accessibilityHeading, "accessibility-actions": accessibilityActions, "accessibility-exclusive-focus": accessibilityExclusiveFocus, "ios-platform-accessibility-id": iosPlatformAccessibilityId } = props;
+	const { rootRef, setPendingReason, skipAnimation } = useSwipeableMenuSheetContext();
+	const { pressed, ...pressHandlers } = usePressTap({
+		onTap: React.useCallback((event, instance) => {
+			setPendingReason("closeButton");
+			closeSheet(rootRef, skipAnimation);
+			userBindtap?.(event, instance);
+		}, [
+			rootRef,
+			setPendingReason,
+			skipAnimation,
+			userBindtap
+		]),
+		mainThreadOnTap: userMainThreadBindtap
+	});
+	const classNames = menuSheet({
+		skipAnimation,
+		closeButtonPressed: pressed
+	});
+	return <view {...ref ? { ref } : {}} {...pressHandlers} className={clsx(classNames.closeButton, className)} style={style} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits} accessibility-value={accessibilityValue} accessibility-elements-hidden={accessibilityElementsHidden} accessibility-heading={accessibilityHeading} accessibility-actions={accessibilityActions} accessibility-exclusive-focus={accessibilityExclusiveFocus} ios-platform-accessibility-id={iosPlatformAccessibilityId}>
+      <text className={classNames.closeButtonLabel}>{children}</text>
+    </view>;
+});
+SwipeableMenuSheetCloseButton.displayName = "SwipeableMenuSheetCloseButton";
+var SwipeableMenuSheetItemContext = React.createContext(null);
+function useSwipeableMenuSheetItemContext() {
+	const context = React.useContext(SwipeableMenuSheetItemContext);
+	if (!context) throw new Error("SwipeableMenuSheet item slots must be used within SwipeableMenuSheetItem.");
+	return context;
+}
+var SwipeableMenuSheetItem = forwardRef((props, ref) => {
+	const { children, className, style, tone = "neutral", labelAlign, bindtap: userBindtap, "main-thread:bindtap": userMainThreadBindtap, "accessibility-element": accessibilityElement = true, "accessibility-role-description": accessibilityRoleDescription = "button", "accessibility-label": accessibilityLabel, "accessibility-traits": accessibilityTraits, "accessibility-value": accessibilityValue, "accessibility-elements-hidden": accessibilityElementsHidden, "accessibility-heading": accessibilityHeading, "accessibility-actions": accessibilityActions, "accessibility-exclusive-focus": accessibilityExclusiveFocus, "ios-platform-accessibility-id": iosPlatformAccessibilityId } = props;
+	const groupLabelAlign = React.useContext(GroupLabelAlignContext);
+	const contentLabelAlign = React.useContext(ContentLabelAlignContext);
+	const { isLast } = React.useContext(SwipeableMenuSheetItemPositionContext);
+	const resolvedLabelAlign = labelAlign ?? groupLabelAlign ?? contentLabelAlign ?? "left";
+	const { pressed, ...pressHandlers } = usePressTap({
+		onTap: userBindtap,
+		mainThreadOnTap: userMainThreadBindtap
+	});
+	const classNames = menuSheetItem({
+		tone,
+		labelAlign: resolvedLabelAlign,
+		pressed
+	});
+	const itemContext = React.useMemo(() => ({ classNames }), [classNames]);
+	return <SwipeableMenuSheetItemContext.Provider value={itemContext}>
+        <IconSlotProvider value={{
+		classNames: { prefixIcon: classNames.prefixIcon },
+		deps: [
+			tone,
+			resolvedLabelAlign,
+			pressed
+		]
+	}}>
+          <view {...ref ? { ref } : {}} {...pressHandlers} className={clsx(classNames.root, className)} style={style} accessibility-element={accessibilityElement} accessibility-label={accessibilityLabel} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits} accessibility-value={accessibilityValue} accessibility-elements-hidden={accessibilityElementsHidden} accessibility-heading={accessibilityHeading} accessibility-actions={accessibilityActions} accessibility-exclusive-focus={accessibilityExclusiveFocus} ios-platform-accessibility-id={iosPlatformAccessibilityId}>
+            {children}
+          </view>
+          {!isLast ? <view className={classNames.divider} accessibility-elements-hidden={true} /> : null}
+        </IconSlotProvider>
+      </SwipeableMenuSheetItemContext.Provider>;
+});
+SwipeableMenuSheetItem.displayName = "SwipeableMenuSheetItem";
+var SwipeableMenuSheetItemContent = forwardRef((props, ref) => {
+	const { children, className, style } = props;
+	const { classNames } = useSwipeableMenuSheetItemContext();
+	return <view {...ref ? { ref } : {}} className={clsx(classNames.content, className)} style={style}>
+      {children}
+    </view>;
+});
+SwipeableMenuSheetItemContent.displayName = "SwipeableMenuSheetItemContent";
+var SwipeableMenuSheetItemLabel = forwardRef((props, ref) => {
+	const { children, className, style } = props;
+	const { classNames } = useSwipeableMenuSheetItemContext();
+	return <text {...ref ? { ref } : {}} className={clsx(classNames.label, className)} style={style}>
+      {children}
+    </text>;
+});
+SwipeableMenuSheetItemLabel.displayName = "SwipeableMenuSheetItemLabel";
+var SwipeableMenuSheetItemDescription = forwardRef((props, ref) => {
+	const { children, className, style } = props;
+	const { classNames } = useSwipeableMenuSheetItemContext();
+	return <text {...ref ? { ref } : {}} className={clsx(classNames.description, className)} style={style}>
+      {children}
+    </text>;
+});
+SwipeableMenuSheetItemDescription.displayName = "SwipeableMenuSheetItemDescription";
+//#endregion
+export { SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger };

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

@@ -0,0 +1,2 @@
+export { SwipeableMenuSheetBackdrop as Backdrop, SwipeableMenuSheetCloseButton as CloseButton, SwipeableMenuSheetContent as Content, SwipeableMenuSheetDescription as Description, SwipeableMenuSheetFooter as Footer, SwipeableMenuSheetGroup as Group, SwipeableMenuSheetHandle as Handle, SwipeableMenuSheetHeader as Header, SwipeableMenuSheetItem as Item, SwipeableMenuSheetItemContent as ItemContent, SwipeableMenuSheetItemDescription as ItemDescription, SwipeableMenuSheetItemLabel as ItemLabel, SwipeableMenuSheetList as List, SwipeableMenuSheetPositioner as Positioner, SwipeableMenuSheetRoot as Root, SwipeableMenuSheetTitle as Title, SwipeableMenuSheetTrigger as Trigger, type SwipeableMenuSheetBackdropProps as BackdropProps, type SwipeableMenuSheetCloseButtonProps as CloseButtonProps, type SwipeableMenuSheetContentProps as ContentProps, type SwipeableMenuSheetDescriptionProps as DescriptionProps, type SwipeableMenuSheetFooterProps as FooterProps, type SwipeableMenuSheetGroupProps as GroupProps, type SwipeableMenuSheetHandleProps as HandleProps, type SwipeableMenuSheetHeaderProps as HeaderProps, type SwipeableMenuSheetItemContentProps as ItemContentProps, type SwipeableMenuSheetItemDescriptionProps as ItemDescriptionProps, type SwipeableMenuSheetItemLabelProps as ItemLabelProps, type SwipeableMenuSheetItemProps as ItemProps, type SwipeableMenuSheetListProps as ListProps, type SwipeableMenuSheetPositionerProps as PositionerProps, type SwipeableMenuSheetRootProps as RootProps, type SwipeableMenuSheetRootRef as RootRef, type SwipeableMenuSheetTitleProps as TitleProps, type SwipeableMenuSheetTriggerProps as TriggerProps, } from './SwipeableMenuSheet';
+//# sourceMappingURL=SwipeableMenuSheet.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableMenuSheet.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,IAAI,QAAQ,EACtC,6BAA6B,IAAI,WAAW,EAC5C,yBAAyB,IAAI,OAAO,EACpC,6BAA6B,IAAI,WAAW,EAC5C,wBAAwB,IAAI,MAAM,EAClC,uBAAuB,IAAI,KAAK,EAChC,wBAAwB,IAAI,MAAM,EAClC,wBAAwB,IAAI,MAAM,EAClC,sBAAsB,IAAI,IAAI,EAC9B,6BAA6B,IAAI,WAAW,EAC5C,iCAAiC,IAAI,eAAe,EACpD,2BAA2B,IAAI,SAAS,EACxC,sBAAsB,IAAI,IAAI,EAC9B,4BAA4B,IAAI,UAAU,EAC1C,sBAAsB,IAAI,IAAI,EAC9B,uBAAuB,IAAI,KAAK,EAChC,yBAAyB,IAAI,OAAO,EACpC,KAAK,+BAA+B,IAAI,aAAa,EACrD,KAAK,kCAAkC,IAAI,gBAAgB,EAC3D,KAAK,8BAA8B,IAAI,YAAY,EACnD,KAAK,kCAAkC,IAAI,gBAAgB,EAC3D,KAAK,6BAA6B,IAAI,WAAW,EACjD,KAAK,4BAA4B,IAAI,UAAU,EAC/C,KAAK,6BAA6B,IAAI,WAAW,EACjD,KAAK,6BAA6B,IAAI,WAAW,EACjD,KAAK,kCAAkC,IAAI,gBAAgB,EAC3D,KAAK,sCAAsC,IAAI,oBAAoB,EACnE,KAAK,gCAAgC,IAAI,cAAc,EACvD,KAAK,2BAA2B,IAAI,SAAS,EAC7C,KAAK,2BAA2B,IAAI,SAAS,EAC7C,KAAK,iCAAiC,IAAI,eAAe,EACzD,KAAK,2BAA2B,IAAI,SAAS,EAC7C,KAAK,yBAAyB,IAAI,OAAO,EACzC,KAAK,4BAA4B,IAAI,UAAU,EAC/C,KAAK,8BAA8B,IAAI,YAAY,GACpD,MAAM,sBAAsB,CAAC"}

package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.js

@@ -0,0 +1,24 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger } from "./SwipeableMenuSheet.jsx";
+//#region src/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.ts
+var SwipeableMenuSheet_namespace_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => SwipeableMenuSheetBackdrop,
+	CloseButton: () => SwipeableMenuSheetCloseButton,
+	Content: () => SwipeableMenuSheetContent,
+	Description: () => SwipeableMenuSheetDescription,
+	Footer: () => SwipeableMenuSheetFooter,
+	Group: () => SwipeableMenuSheetGroup,
+	Handle: () => SwipeableMenuSheetHandle,
+	Header: () => SwipeableMenuSheetHeader,
+	Item: () => SwipeableMenuSheetItem,
+	ItemContent: () => SwipeableMenuSheetItemContent,
+	ItemDescription: () => SwipeableMenuSheetItemDescription,
+	ItemLabel: () => SwipeableMenuSheetItemLabel,
+	List: () => SwipeableMenuSheetList,
+	Positioner: () => SwipeableMenuSheetPositioner,
+	Root: () => SwipeableMenuSheetRoot,
+	Title: () => SwipeableMenuSheetTitle,
+	Trigger: () => SwipeableMenuSheetTrigger
+});
+//#endregion
+export { SwipeableMenuSheet_namespace_exports };

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

@@ -0,0 +1,3 @@
+export { SwipeableMenuSheetBackdrop, type SwipeableMenuSheetBackdropProps, SwipeableMenuSheetCloseButton, type SwipeableMenuSheetCloseButtonProps, SwipeableMenuSheetContent, type SwipeableMenuSheetContentProps, SwipeableMenuSheetDescription, type SwipeableMenuSheetDescriptionProps, SwipeableMenuSheetFooter, type SwipeableMenuSheetFooterProps, SwipeableMenuSheetGroup, type SwipeableMenuSheetGroupProps, SwipeableMenuSheetHandle, type SwipeableMenuSheetHandleProps, SwipeableMenuSheetHeader, type SwipeableMenuSheetHeaderProps, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, type SwipeableMenuSheetItemContentProps, SwipeableMenuSheetItemDescription, type SwipeableMenuSheetItemDescriptionProps, SwipeableMenuSheetItemLabel, type SwipeableMenuSheetItemLabelProps, type SwipeableMenuSheetItemProps, type SwipeableMenuSheetItemTone, SwipeableMenuSheetList, type SwipeableMenuSheetListProps, type SwipeableMenuSheetLabelAlign, type SwipeableMenuSheetCloseReason, type SwipeableMenuSheetOpenChangeDetails, SwipeableMenuSheetPositioner, type SwipeableMenuSheetPositionerProps, SwipeableMenuSheetRoot, type SwipeableMenuSheetRootProps, type SwipeableMenuSheetRootRef, SwipeableMenuSheetTitle, type SwipeableMenuSheetTitleProps, SwipeableMenuSheetTrigger, type SwipeableMenuSheetTriggerProps, } from './SwipeableMenuSheet';
+export * as SwipeableMenuSheet from './SwipeableMenuSheet.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeableMenuSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,EACpC,6BAA6B,EAC7B,KAAK,kCAAkC,EACvC,yBAAyB,EACzB,KAAK,8BAA8B,EACnC,6BAA6B,EAC7B,KAAK,kCAAkC,EACvC,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,uBAAuB,EACvB,KAAK,4BAA4B,EACjC,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,sBAAsB,EACtB,6BAA6B,EAC7B,KAAK,kCAAkC,EACvC,iCAAiC,EACjC,KAAK,sCAAsC,EAC3C,2BAA2B,EAC3B,KAAK,gCAAgC,EACrC,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,EAC/B,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,EAClC,KAAK,mCAAmC,EACxC,4BAA4B,EAC5B,KAAK,iCAAiC,EACtC,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,KAAK,yBAAyB,EAC9B,uBAAuB,EACvB,KAAK,4BAA4B,EACjC,yBAAyB,EACzB,KAAK,8BAA8B,GACpC,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,kBAAkB,MAAM,gCAAgC,CAAC"}

package/lib/components/Switch/Switch.d.ts

@@ -1,15 +1,38 @@
 import { SwitchVariantProps } from '@seed-design/lynx-css/recipes/switch';
 import { SwitchmarkVariantProps } from '@seed-design/lynx-css/recipes/switchmark';
-import { LynxStyledElementProps } from '../../types';
+import { LynxAccessibilityProps, LynxStyledElementProps } from '../../types';
+import { ScaleFeedbackTargetProps } from '../../hooks/useScaleFeedback';
 import * as React from "@lynx-js/react";
-export interface SwitchRootProps extends SwitchVariantProps, Omit<SwitchmarkVariantProps, "size">, LynxStyledElementProps {
+/**
+ * @platform Lynx
+ *
+ * 웹 대비 미지원 기능:
+ * - HiddenInput / name / value / required / invalid: Lynx에 native form 제출 모델이 없음
+ * - focus / focusVisible: Lynx에 키보드 포커스 개념이 없음
+ * - onChange (raw DOM event): 의미 없음. 토글 이벤트는 onCheckedChange로만 노출
+ *
+ * 추후 rootage 토큰 확장 시 추가 예정:
+ * - pressed boolean variant: switchmark rootage spec 에 pressed 상태가 추가되면
+ *   switchmark recipe 와 Switch 컴포넌트에 boolean variant 로 노출.
+ */
+interface SwitchContextValue {
+    checked: boolean;
+    disabled: boolean;
+    pressed: boolean;
+    switchVariantProps: SwitchVariantProps;
+    switchmarkVariantProps: SwitchmarkVariantProps;
+    toggle: () => void;
+    scaleFeedbackTargetProps: ScaleFeedbackTargetProps;
+}
+export declare function useSwitchContext(consumer: string): SwitchContextValue;
+export interface SwitchRootProps extends SwitchVariantProps, Omit<SwitchmarkVariantProps, "size">, LynxStyledElementProps, LynxAccessibilityProps {
     checked?: boolean;
     defaultChecked?: boolean;
     disabled?: boolean;
     onCheckedChange?: (checked: boolean) => void;
 }
 export declare const SwitchRoot: React.ForwardRefExoticComponent<SwitchRootProps & React.RefAttributes<unknown>>;
-export interface SwitchControlProps extends Pick<SwitchmarkVariantProps, "tone" | "size">, LynxStyledElementProps {
+export interface SwitchControlProps extends Pick<SwitchmarkVariantProps, "tone" | "size">, Omit<LynxStyledElementProps, "flatten"> {
 }
 export declare const SwitchControl: React.ForwardRefExoticComponent<SwitchControlProps & React.RefAttributes<unknown>>;
 export interface SwitchThumbProps extends Pick<LynxStyledElementProps, "className" | "style"> {
@@ -18,4 +41,5 @@ export declare const SwitchThumb: React.ForwardRefExoticComponent<SwitchThumbPro
 export interface SwitchLabelProps extends LynxStyledElementProps {
 }
 export declare const SwitchLabel: React.ForwardRefExoticComponent<SwitchLabelProps & React.RefAttributes<unknown>>;
+export {};
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAIxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAKvF,OAAO,KAAK,EAAE,sBAAsB,EAA4B,MAAM,aAAa,CAAC;AAkDpF,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EACpC,sBAAsB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,UAAU,iFAmDrB,CAAC;AAKH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,MAAM,CAAC,EACnD,sBAAsB;CAAG;AAE7B,eAAO,MAAM,aAAa,oFAyBxB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,OAAO,CAAC;CAAG;AAEhG,eAAO,MAAM,WAAW,kFAWtB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;CAAG;AAEnE,eAAO,MAAM,WAAW,kFAiBtB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAIxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAKvF,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,8BAA8B,CAAC;AAGtC;;;;;;;;;;;GAWG;AAEH,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,sBAAsB,EAAE,sBAAsB,CAAC;IAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wBAAwB,EAAE,wBAAwB,CAAC;CACpD;AAID,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,kBAAkB,CAMrE;AAmBD,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EACpC,sBAAsB,EACtB,sBAAsB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,UAAU,iFA+ErB,CAAC;AAKH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,MAAM,CAAC,EAEnD,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;CAAG;AAE9C,eAAO,MAAM,aAAa,oFA6BxB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,OAAO,CAAC;CAAG;AAEhG,eAAO,MAAM,WAAW,kFAUtB,CAAC;AAKH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;CAAG;AAEnE,eAAO,MAAM,WAAW,kFAgBtB,CAAC"}