@seed-design/react 0.0.1-rc.2 → 0.0.1-rc.4

package/lib/index.mjs

@@ -1,2184 +0,0 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/components/ActionButton/ActionButton.tsx
-import {
-  actionButton
-} from "@seed-design/css/recipes/action-button";
-import { Primitive } from "@seed-design/react-primitive";
-import clsx2 from "clsx";
-import * as React2 from "react";
-
-// src/utils/createStyleContext.tsx
-import clsx from "clsx";
-import { createContext, forwardRef, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-function createStyleContext(recipe) {
-  const ClassNamesContext = createContext(null);
-  const PropsContext = createContext(null);
-  const ClassNamesProvider4 = ({
-    children,
-    value
-  }) => {
-    return /* @__PURE__ */ jsx(ClassNamesContext.Provider, { value, children });
-  };
-  const PropsProvider2 = ({ children, value }) => {
-    return /* @__PURE__ */ jsx(PropsContext.Provider, { value, children });
-  };
-  function useClassNames4() {
-    const context = useContext(ClassNamesContext);
-    if (context === null) {
-      throw new Error(
-        "useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?"
-      );
-    }
-    return context;
-  }
-  function useProps() {
-    return useContext(PropsContext);
-  }
-  const withRootProvider6 = (Component, options) => {
-    const { defaultProps } = options != null ? options : {};
-    const StyledComponent = (innerProps) => {
-      const props = { ...defaultProps != null ? defaultProps : {}, ...useProps(), ...innerProps };
-      const [variantProps, otherProps] = recipe.splitVariantProps(props);
-      const classNames = recipe(variantProps);
-      return /* @__PURE__ */ jsx(ClassNamesProvider4, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ...otherProps }) });
-    };
-    StyledComponent.displayName = Component.displayName || Component.name;
-    return StyledComponent;
-  };
-  const withProvider25 = (Component, slot, options) => {
-    const { defaultProps } = options != null ? options : {};
-    const StyledComponent = forwardRef((innerProps, ref) => {
-      const props = { ...defaultProps != null ? defaultProps : {}, ...useProps(), ...innerProps };
-      const [variantProps, otherProps] = recipe.splitVariantProps(props);
-      const classNames = recipe(variantProps);
-      const className = classNames[slot];
-      return /* @__PURE__ */ jsx(ClassNamesProvider4, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ref, ...otherProps, className: clsx(className, props.className) }) });
-    });
-    StyledComponent.displayName = Component.displayName || Component.name;
-    return StyledComponent;
-  };
-  const withContext20 = (Component, slot) => {
-    const StyledComponent = forwardRef((props, ref) => {
-      const classNames = useClassNames4();
-      const className = classNames == null ? void 0 : classNames[slot];
-      return /* @__PURE__ */ jsx(Component, { ref, ...props, className: clsx(className, props.className) });
-    });
-    StyledComponent.displayName = Component.displayName || Component.name;
-    return StyledComponent;
-  };
-  return {
-    ClassNamesProvider: ClassNamesProvider4,
-    PropsProvider: PropsProvider2,
-    useClassNames: useClassNames4,
-    useProps,
-    withRootProvider: withRootProvider6,
-    withProvider: withProvider25,
-    withContext: withContext20
-  };
-}
-
-// src/components/LoadingIndicator/usePendingButton.tsx
-import { elementProps } from "@seed-design/dom-utils";
-import * as React from "react";
-function usePendingButton(props) {
-  const { loading, disabled } = props;
-  const stateProps = elementProps({
-    "data-loading": loading ? "" : void 0,
-    "data-disabled": disabled ? "" : void 0
-  });
-  return {
-    loading,
-    disabled,
-    stateProps
-  };
-}
-var PendingButtonContext = React.createContext(null);
-var PendingButtonProvider = PendingButtonContext.Provider;
-var usePendingButtonContext = () => {
-  const context = React.useContext(PendingButtonContext);
-  if (context === null) {
-    throw new Error("usePendingButtonContext should be used within UsePendingButtonProvider");
-  }
-  return context;
-};
-
-// src/components/Icon/Icon.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
-import { createContext as createContext3, forwardRef as forwardRef2, useCallback, useContext as useContext3, useMemo, useRef } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var PrefixIcon = forwardRef2(
-  ({ svg, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx2(
-      Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-prefix-icon",
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
-var SuffixIcon = forwardRef2(
-  ({ svg, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx2(
-      Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-suffix-icon",
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
-var IconContext = createContext3(null);
-var IconRequired = ({
-  children,
-  enabled
-}) => {
-  const registeredRef = useRef(false);
-  const parentContext = useContext3(IconContext);
-  const register = useCallback(() => {
-    if (true) {
-      if (registeredRef.current) {
-        throw new Error(
-          "Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />."
-        );
-      }
-    }
-    registeredRef.current = true;
-  }, []);
-  const unregister = useCallback(() => {
-    registeredRef.current = false;
-  }, []);
-  useLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    if (true) {
-      if (parentContext) {
-        throw new Error(
-          "Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only."
-        );
-      }
-      if (!registeredRef.current) {
-        throw new Error(
-          "Icon-only Component must render <Icon /> as a child. Check if you are using raw svg icon instead of <Icon svg={} />."
-        );
-      }
-    }
-  }, [parentContext, enabled]);
-  const providerValue = useMemo(() => {
-    if (!enabled) {
-      if (parentContext) {
-        return parentContext;
-      }
-      return null;
-    }
-    return { register, unregister };
-  }, [enabled, parentContext, register, unregister]);
-  return /* @__PURE__ */ jsx2(IconContext.Provider, { value: providerValue, children });
-};
-var Icon = forwardRef2(({ svg, ...otherProps }, ref) => {
-  const context = useContext3(IconContext);
-  useLayoutEffect(() => {
-    context == null ? void 0 : context.register();
-    return () => {
-      context == null ? void 0 : context.unregister();
-    };
-  }, [context]);
-  return /* @__PURE__ */ jsx2(
-    Slot,
-    {
-      ref,
-      "aria-hidden": true,
-      className: "seed-icon",
-      ...otherProps,
-      children: svg
-    }
-  );
-});
-function withIconRequired(Component, enabledPredicate) {
-  const Node = forwardRef2((props, ref) => {
-    const enabled = enabledPredicate(props);
-    return /* @__PURE__ */ jsx2(IconRequired, { enabled, children: /* @__PURE__ */ jsx2(Component, { ref, ...props }) });
-  });
-  Node.displayName = Component.displayName || Component.name;
-  return Node;
-}
-
-// src/components/ActionButton/ActionButton.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var { ClassNamesProvider } = createStyleContext(actionButton);
-var ActionButton = React2.forwardRef(
-  ({ variant, size, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
-    const classNames = actionButton({ variant, layout, size });
-    const api = usePendingButton({ loading, disabled: otherProps.disabled });
-    if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
-      console.warn(
-        "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided."
-      );
-    }
-    return /* @__PURE__ */ jsx3(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx3(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx3(IconRequired, { enabled: layout === "iconOnly", children: /* @__PURE__ */ jsx3(
-      Primitive.button,
-      {
-        ref,
-        className: clsx2(classNames.root, className),
-        ...api.stateProps,
-        ...otherProps,
-        children
-      }
-    ) }) }) });
-  }
-);
-ActionButton.displayName = "ActionButton";
-
-// src/components/ActionChip/ActionChip.tsx
-import { Primitive as Primitive2 } from "@seed-design/react-primitive";
-import { actionChip } from "@seed-design/css/recipes/action-chip";
-var { withProvider } = createStyleContext(actionChip);
-var ActionChip = withIconRequired(
-  withProvider(Primitive2.button, "root"),
-  (props) => props.layout === "iconOnly"
-);
-ActionChip.displayName = "ActionChip";
-
-// src/components/ActionSheet/ActionSheet.tsx
-import { Dialog as DialogPrimitive, useDialogContext } from "@seed-design/react-dialog";
-import { Primitive as Primitive3 } from "@seed-design/react-primitive";
-import { actionSheet } from "@seed-design/css/recipes/action-sheet";
-import {
-  actionSheetItem
-} from "@seed-design/css/recipes/action-sheet-item";
-
-// src/utils/createWithStateProps.tsx
-import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function createWithStateProps(useContexts, options) {
-  var _a;
-  const strict = (_a = options == null ? void 0 : options.strict) != null ? _a : true;
-  return function withStateProps12(Component) {
-    const Node = forwardRef4((props, ref) => {
-      var _a2;
-      const stateProps = {};
-      for (const useContext5 of useContexts) {
-        Object.assign(stateProps, (_a2 = useContext5({ strict })) == null ? void 0 : _a2.stateProps);
-      }
-      return /* @__PURE__ */ jsx4(Component, { ref, ...stateProps, ...props });
-    });
-    Node.displayName = Component.displayName || Component.name;
-    return Node;
-  };
-}
-
-// src/components/ActionSheet/ActionSheet.tsx
-var { withRootProvider, withContext } = createStyleContext(actionSheet);
-var { withProvider: withItemProvider } = createStyleContext(actionSheetItem);
-var withStateProps = createWithStateProps([useDialogContext]);
-var ActionSheetRoot = withRootProvider(DialogPrimitive.Root, {
-  defaultProps: {
-    lazyMount: true,
-    unmountOnExit: true
-  }
-});
-var ActionSheetTrigger = DialogPrimitive.Trigger;
-var ActionSheetPositioner = withContext(
-  DialogPrimitive.Positioner,
-  "positioner"
-);
-var ActionSheetBackdrop = withContext(
-  DialogPrimitive.Backdrop,
-  "backdrop"
-);
-var ActionSheetContent = withContext(
-  DialogPrimitive.Content,
-  "content"
-);
-var ActionSheetHeader = withContext(
-  withStateProps(Primitive3.div),
-  "header"
-);
-var ActionSheetTitle = withContext(
-  withStateProps(Primitive3.h2),
-  "title"
-);
-var ActionSheetDescription = withContext(withStateProps(Primitive3.p), "description");
-var ActionSheetList = withContext(
-  withStateProps(Primitive3.div),
-  "list"
-);
-var ActionSheetItem = withItemProvider(
-  withStateProps(Primitive3.button),
-  "root"
-);
-var ActionSheetCloseButton = withContext(
-  DialogPrimitive.CloseButton,
-  "closeButton"
-);
-
-// src/components/ActionSheet/ActionSheet.namespace.ts
-var ActionSheet_namespace_exports = {};
-__export(ActionSheet_namespace_exports, {
-  Backdrop: () => ActionSheetBackdrop,
-  CloseButton: () => ActionSheetCloseButton,
-  Content: () => ActionSheetContent,
-  Description: () => ActionSheetDescription,
-  Header: () => ActionSheetHeader,
-  Item: () => ActionSheetItem,
-  List: () => ActionSheetList,
-  Positioner: () => ActionSheetPositioner,
-  Root: () => ActionSheetRoot,
-  Title: () => ActionSheetTitle,
-  Trigger: () => ActionSheetTrigger
-});
-
-// src/components/Avatar/Avatar.tsx
-import { Avatar as AvatarPrimitive } from "@seed-design/react-avatar";
-import { Primitive as Primitive4 } from "@seed-design/react-primitive";
-import { avatar } from "@seed-design/css/recipes/avatar";
-import { avatarStack } from "@seed-design/css/recipes/avatar-stack";
-import clsx3 from "clsx";
-import * as React3 from "react";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var { PropsProvider, withProvider: withProvider2, withContext: withContext2 } = createStyleContext(avatar);
-var AvatarRoot = withProvider2(
-  AvatarPrimitive.Root,
-  "root"
-);
-var AvatarImage = withContext2(
-  AvatarPrimitive.Image,
-  "image"
-);
-var AvatarFallback = withContext2(
-  AvatarPrimitive.Fallback,
-  "fallback"
-);
-var AvatarBadge = withContext2(Primitive4.div, "badge");
-var AvatarStack = React3.forwardRef(
-  ({ className, children, size, ...otherProps }, ref) => {
-    const classNames = avatarStack({ size });
-    const avatars = React3.Children.toArray(children);
-    return /* @__PURE__ */ jsx5(PropsProvider, { value: useMemo2(() => ({ size }), [size]), children: /* @__PURE__ */ jsx5("div", { ref, className: clsx3(classNames.root, className), ...otherProps, children: avatars.map((avatar2, index) => (
-      // biome-ignore lint/suspicious/noArrayIndexKey: There is no unique key for each child
-      /* @__PURE__ */ jsx5("div", { className: classNames.item, children: avatar2 }, index)
-    )) }) });
-  }
-);
-
-// src/components/Avatar/Avatar.namespace.ts
-var Avatar_namespace_exports = {};
-__export(Avatar_namespace_exports, {
-  Badge: () => AvatarBadge,
-  Fallback: () => AvatarFallback,
-  Image: () => AvatarImage,
-  Root: () => AvatarRoot,
-  Stack: () => AvatarStack
-});
-
-// src/components/Badge/Badge.tsx
-import { Primitive as Primitive5 } from "@seed-design/react-primitive";
-import { badge } from "@seed-design/css/recipes/badge";
-var { withProvider: withProvider3 } = createStyleContext(badge);
-var Badge = withProvider3(Primitive5.span, "root");
-
-// src/components/BottomSheet/BottomSheet.tsx
-import { Dialog as DialogPrimitive2, useDialogContext as useDialogContext2 } from "@seed-design/react-dialog";
-import { Primitive as Primitive6 } from "@seed-design/react-primitive";
-import { bottomSheet } from "@seed-design/css/recipes/bottom-sheet";
-
-// src/utils/styled.tsx
-import { vars } from "@seed-design/css/vars";
-import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function handleColor(color) {
-  var _a;
-  if (!color) {
-    return void 0;
-  }
-  const [type, value] = color.split(".");
-  return (_a = vars.$color[type][value]) != null ? _a : void 0;
-}
-function handleDimension(dimension) {
-  var _a, _b, _c;
-  if (dimension == null) {
-    return void 0;
-  }
-  if (typeof dimension === "number") {
-    return `${dimension}px`;
-  }
-  if (dimension === "full") {
-    return "100%";
-  }
-  const [type, value] = dimension.split(".");
-  return (_c = (_b = vars.$dimension[dimension]) != null ? _b : (_a = vars.$dimension[type]) == null ? void 0 : _a[value]) != null ? _c : dimension;
-}
-function handleRadius(radius) {
-  var _a;
-  if (radius == null) {
-    return void 0;
-  }
-  return (_a = vars.$radius[radius]) != null ? _a : radius;
-}
-function handleDisplay(display) {
-  if (!display) {
-    return void 0;
-  }
-  return {
-    block: "block",
-    flex: "flex",
-    inlineFlex: "inline-flex",
-    inline: "inline",
-    inlineBlock: "inline-block",
-    none: "none"
-  }[display];
-}
-function handleFlexDirection(flexDirection) {
-  if (!flexDirection) {
-    return void 0;
-  }
-  return {
-    row: "row",
-    column: "column",
-    rowReverse: "row-reverse",
-    columnReverse: "column-reverse"
-  }[flexDirection];
-}
-function handleJustifyContent(justifyContent) {
-  if (!justifyContent) {
-    return void 0;
-  }
-  return {
-    flexStart: "flex-start",
-    flexEnd: "flex-end",
-    center: "center",
-    spaceBetween: "space-between",
-    spaceAround: "space-around"
-  }[justifyContent];
-}
-function handleAlignItems(alignItems) {
-  if (!alignItems) {
-    return void 0;
-  }
-  return {
-    flexStart: "flex-start",
-    flexEnd: "flex-end",
-    center: "center",
-    stretch: "stretch"
-  }[alignItems];
-}
-function useStyleProps(props) {
-  const {
-    background,
-    color,
-    borderColor,
-    borderWidth,
-    borderTopWidth,
-    borderRightWidth,
-    borderBottomWidth,
-    borderLeftWidth,
-    borderRadius,
-    borderTopLeftRadius,
-    borderTopRightRadius,
-    borderBottomRightRadius,
-    borderBottomLeftRadius,
-    width,
-    minWidth,
-    maxWidth,
-    height,
-    minHeight,
-    maxHeight,
-    padding,
-    paddingX,
-    paddingY,
-    paddingTop,
-    paddingRight,
-    paddingBottom,
-    paddingLeft,
-    bottom,
-    left,
-    right,
-    top,
-    display,
-    position,
-    overflowX,
-    overflowY,
-    flexGrow,
-    flexShrink,
-    flexDirection,
-    flexWrap,
-    justifyContent,
-    alignItems,
-    alignContent,
-    alignSelf,
-    gap,
-    style,
-    ...restProps
-  } = props;
-  return {
-    style: {
-      "--seed-box-background": handleColor(background),
-      "--seed-box-color": handleColor(color),
-      "--seed-box-border-color": handleColor(borderColor),
-      "--seed-box-border-width": borderWidth !== void 0 ? `${borderWidth}px` : void 0,
-      "--seed-box-border-top-width": borderTopWidth !== void 0 ? `${borderTopWidth}px` : void 0,
-      "--seed-box-border-right-width": borderRightWidth !== void 0 ? `${borderRightWidth}px` : void 0,
-      "--seed-box-border-bottom-width": borderBottomWidth !== void 0 ? `${borderBottomWidth}px` : void 0,
-      "--seed-box-border-left-width": borderLeftWidth !== void 0 ? `${borderLeftWidth}px` : void 0,
-      "--seed-box-border-radius": handleRadius(borderRadius),
-      "--seed-box-border-top-left-radius": handleRadius(borderTopLeftRadius),
-      "--seed-box-border-top-right-radius": handleRadius(borderTopRightRadius),
-      "--seed-box-border-bottom-right-radius": handleRadius(borderBottomRightRadius),
-      "--seed-box-border-bottom-left-radius": handleRadius(borderBottomLeftRadius),
-      "--seed-box-width": handleDimension(width),
-      "--seed-box-min-width": handleDimension(minWidth),
-      "--seed-box-max-width": handleDimension(maxWidth),
-      "--seed-box-height": handleDimension(height),
-      "--seed-box-min-height": handleDimension(minHeight),
-      "--seed-box-max-height": handleDimension(maxHeight),
-      "--seed-box-padding": handleDimension(padding),
-      "--seed-box-padding-x": handleDimension(paddingX),
-      "--seed-box-padding-y": handleDimension(paddingY),
-      "--seed-box-padding-top": handleDimension(paddingTop),
-      "--seed-box-padding-right": handleDimension(paddingRight),
-      "--seed-box-padding-bottom": handleDimension(paddingBottom),
-      "--seed-box-padding-left": handleDimension(paddingLeft),
-      "--seed-box-top": top,
-      "--seed-box-left": left,
-      "--seed-box-right": right,
-      "--seed-box-bottom": bottom,
-      "--seed-box-gap": handleDimension(gap),
-      "--seed-box-display": handleDisplay(display),
-      "--seed-box-position": position,
-      "--seed-box-overflow-x": overflowX,
-      "--seed-box-overflow-y": overflowY,
-      "--seed-box-flex-grow": flexGrow,
-      "--seed-box-flex-shrink": flexShrink,
-      "--seed-box-flex-direction": handleFlexDirection(flexDirection),
-      "--seed-box-flex-wrap": flexWrap,
-      "--seed-box-justify-content": handleJustifyContent(justifyContent),
-      "--seed-box-align-items": handleAlignItems(alignItems),
-      "--seed-box-align-content": handleAlignItems(alignContent),
-      "--seed-box-align-self": handleAlignItems(alignSelf),
-      ...style
-    },
-    restProps
-  };
-}
-function withStyleProps(Component) {
-  const Node = forwardRef6((props, ref) => {
-    const { style, restProps } = useStyleProps(props);
-    return /* @__PURE__ */ jsx6(Component, { ref, style, ...restProps });
-  });
-  Node.displayName = Component.displayName || Component.name;
-  return Node;
-}
-
-// src/components/BottomSheet/BottomSheet.tsx
-var { withRootProvider: withRootProvider2, withContext: withContext3 } = createStyleContext(bottomSheet);
-var withStateProps2 = createWithStateProps([useDialogContext2]);
-var BottomSheetRoot = withRootProvider2(DialogPrimitive2.Root, {
-  defaultProps: {
-    lazyMount: true,
-    unmountOnExit: true
-  }
-});
-var BottomSheetTrigger = DialogPrimitive2.Trigger;
-var BottomSheetPositioner = withContext3(
-  DialogPrimitive2.Positioner,
-  "positioner"
-);
-var BottomSheetBackdrop = withContext3(
-  DialogPrimitive2.Backdrop,
-  "backdrop"
-);
-var BottomSheetContent = withContext3(
-  DialogPrimitive2.Content,
-  "content"
-);
-var BottomSheetHeader = withContext3(
-  withStateProps2(Primitive6.div),
-  "header"
-);
-var BottomSheetTitle = withContext3(
-  withStateProps2(Primitive6.h2),
-  "title"
-);
-var BottomSheetDescription = withContext3(withStateProps2(Primitive6.p), "description");
-var BottomSheetBody = withContext3(
-  withStyleProps(withStateProps2(Primitive6.div)),
-  "body"
-);
-var BottomSheetFooter = withContext3(
-  withStateProps2(Primitive6.div),
-  "footer"
-);
-var BottomSheetCloseButton = withContext3(
-  DialogPrimitive2.CloseButton,
-  "closeButton"
-);
-
-// src/components/BottomSheet/BottomSheet.namespace.ts
-var BottomSheet_namespace_exports = {};
-__export(BottomSheet_namespace_exports, {
-  Backdrop: () => BottomSheetBackdrop,
-  Body: () => BottomSheetBody,
-  CloseButton: () => BottomSheetCloseButton,
-  Content: () => BottomSheetContent,
-  Description: () => BottomSheetDescription,
-  Footer: () => BottomSheetFooter,
-  Header: () => BottomSheetHeader,
-  Positioner: () => BottomSheetPositioner,
-  Root: () => BottomSheetRoot,
-  Title: () => BottomSheetTitle,
-  Trigger: () => BottomSheetTrigger
-});
-
-// src/components/Box/Box.tsx
-import clsx4 from "clsx";
-import * as React4 from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Box = React4.forwardRef((props, ref) => {
-  const { style, restProps } = useStyleProps(props);
-  const { as: Comp = "div", className, ...nativeProps } = restProps;
-  return /* @__PURE__ */ jsx7(Comp, { ref, className: clsx4("seed-box", className), style, ...nativeProps });
-});
-
-// src/components/Callout/Callout.tsx
-import { Primitive as Primitive8 } from "@seed-design/react-primitive";
-import { callout } from "@seed-design/css/recipes/callout";
-
-// src/components/private/useDismissible.tsx
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { buttonProps, elementProps as elementProps2, mergeProps } from "@seed-design/dom-utils";
-import { Primitive as Primitive7 } from "@seed-design/react-primitive";
-import * as React5 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-function useDismissible(props) {
-  const [open = true, setOpen] = useControllableState({
-    prop: props.open,
-    defaultProp: props.defaultOpen,
-    onChange: (open2) => {
-      var _a;
-      if (!open2) {
-        (_a = props.onDismiss) == null ? void 0 : _a.call(props);
-      }
-    }
-  });
-  const dismiss = React5.useCallback(() => setOpen(false), [setOpen]);
-  return {
-    open,
-    dismiss,
-    rootProps: elementProps2({}),
-    dismissButtonProps: buttonProps({
-      onClick: (e) => {
-        if (e.defaultPrevented) return;
-        dismiss();
-      }
-    })
-  };
-}
-var DismissibleContext = React5.createContext(null);
-var DismissibleProvider = DismissibleContext.Provider;
-var useDismissibleContext = () => {
-  const context = React5.useContext(DismissibleContext);
-  if (context === null) {
-    throw new Error("useDismissibleContext should be used within DismissibleProvider");
-  }
-  return context;
-};
-var DismissibleRoot = React5.forwardRef(
-  ({ defaultOpen, open, onDismiss, ...otherProps }, ref) => {
-    const api = useDismissible({ defaultOpen, open, onDismiss });
-    if (!api.open) return null;
-    return /* @__PURE__ */ jsx8(DismissibleProvider, { value: api, children: /* @__PURE__ */ jsx8(Primitive7.div, { ref, ...otherProps }) });
-  }
-);
-var DismissibleCloseButton = React5.forwardRef((props, ref) => {
-  const { dismissButtonProps } = useDismissibleContext();
-  return /* @__PURE__ */ jsx8(Primitive7.button, { ref, ...mergeProps(dismissButtonProps, props) });
-});
-
-// src/components/Callout/Callout.tsx
-var { withContext: withContext4, withProvider: withProvider4 } = createStyleContext(callout);
-var CalloutRoot = withProvider4(DismissibleRoot, "root");
-var CalloutContent = withContext4(
-  Primitive8.div,
-  "content"
-);
-var CalloutTitle = withContext4(
-  Primitive8.span,
-  "title"
-);
-var CalloutDescription = withContext4(
-  Primitive8.span,
-  "description"
-);
-var CalloutLink = withContext4(
-  Primitive8.button,
-  "link"
-);
-var CalloutCloseButton = withContext4(
-  DismissibleCloseButton,
-  "closeButton"
-);
-
-// src/components/Callout/Callout.namespace.ts
-var Callout_namespace_exports = {};
-__export(Callout_namespace_exports, {
-  CloseButton: () => CalloutCloseButton,
-  Content: () => CalloutContent,
-  Description: () => CalloutDescription,
-  Link: () => CalloutLink,
-  Root: () => CalloutRoot,
-  Title: () => CalloutTitle
-});
-
-// src/components/Celcius/Celcius.tsx
-var Celcius = (props) => {
-  return `${props.value}\xB0C`;
-};
-
-// src/components/Checkbox/Checkbox.tsx
-import { mergeProps as mergeProps2 } from "@seed-design/dom-utils";
-import { Checkbox as CheckboxPrimitive, useCheckboxContext } from "@seed-design/react-checkbox";
-import { Primitive as Primitive9 } from "@seed-design/react-primitive";
-import { checkbox } from "@seed-design/css/recipes/checkbox";
-import { forwardRef as forwardRef10 } from "react";
-
-// src/components/private/Icon.tsx
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { forwardRef as forwardRef9 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var InternalIcon = forwardRef9(
-  ({ svg, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx9(Slot2, { ref, "aria-hidden": true, ...otherProps, children: svg });
-  }
-);
-
-// src/components/Checkbox/Checkbox.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var { withProvider: withProvider5, withContext: withContext5, useClassNames } = createStyleContext(checkbox);
-var withStateProps3 = createWithStateProps([useCheckboxContext]);
-var CheckboxRoot = withProvider5(
-  CheckboxPrimitive.Root,
-  "root"
-);
-var CheckboxControl = withContext5(
-  CheckboxPrimitive.Control,
-  "control"
-);
-var CheckboxIndicator = forwardRef10(
-  ({
-    unchecked: uncheckedSvg,
-    checked: checkedSvg,
-    indeterminate: indeterminateSvg,
-    ...otherProps
-  }, ref) => {
-    const { stateProps, checked, indeterminate } = useCheckboxContext();
-    const classNames = useClassNames();
-    const mergedProps = mergeProps2(
-      stateProps,
-      { className: classNames.icon },
-      otherProps
-    );
-    if (indeterminate && !indeterminateSvg) {
-      console.warn(
-        "CheckboxIndicator: the `indeterminate` prop must be provided when the checkbox is in an indeterminate state."
-      );
-    }
-    if (indeterminate) return /* @__PURE__ */ jsx10(InternalIcon, { ref, svg: indeterminateSvg, ...mergedProps });
-    if (checked) return /* @__PURE__ */ jsx10(InternalIcon, { ref, svg: checkedSvg, ...mergedProps });
-    if (uncheckedSvg) return /* @__PURE__ */ jsx10(InternalIcon, { ref, svg: uncheckedSvg, ...mergedProps });
-    return null;
-  }
-);
-CheckboxIndicator.displayName = "CheckboxIndicator";
-var CheckboxLabel = withContext5(
-  withStateProps3(Primitive9.span),
-  "label"
-);
-var CheckboxHiddenInput = CheckboxPrimitive.HiddenInput;
-
-// src/components/Checkbox/Checkbox.namespace.ts
-var Checkbox_namespace_exports = {};
-__export(Checkbox_namespace_exports, {
-  Control: () => CheckboxControl,
-  HiddenInput: () => CheckboxHiddenInput,
-  Indicator: () => CheckboxIndicator,
-  Label: () => CheckboxLabel,
-  Root: () => CheckboxRoot
-});
-
-// src/components/ChipTabs/ChipTabs.tsx
-import { chipTabs } from "@seed-design/css/recipes/chip-tabs";
-import { Tabs as TabsPrimitive } from "@seed-design/react-tabs";
-var { withProvider: withProvider6, withContext: withContext6 } = createStyleContext(chipTabs);
-var ChipTabsRoot = withProvider6(
-  TabsPrimitive.Root,
-  "root"
-);
-var ChipTabsList = withContext6(
-  TabsPrimitive.List,
-  "list"
-);
-var ChipTabsTrigger = withContext6(
-  TabsPrimitive.Trigger,
-  "trigger"
-);
-var ChipTabsContent = withContext6(
-  TabsPrimitive.Content,
-  "content"
-);
-var ChipTabsCarousel = withContext6(
-  TabsPrimitive.Carousel,
-  "carousel"
-);
-var ChipTabsCarouselCamera = withContext6(
-  TabsPrimitive.CarouselCamera,
-  "carouselCamera"
-);
-
-// src/components/ChipTabs/ChipTabs.namespace.ts
-var ChipTabs_namespace_exports = {};
-__export(ChipTabs_namespace_exports, {
-  Carousel: () => ChipTabsCarousel,
-  CarouselCamera: () => ChipTabsCarouselCamera,
-  Content: () => ChipTabsContent,
-  List: () => ChipTabsList,
-  Root: () => ChipTabsRoot,
-  Trigger: () => ChipTabsTrigger
-});
-
-// src/components/Columns/Columns.tsx
-import * as React6 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Columns = React6.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx11(
-    Box,
-    {
-      ref,
-      display: "flex",
-      flexDirection: "row",
-      flexWrap: "nowrap",
-      justifyContent: "flexStart",
-      ...props
-    }
-  );
-});
-var Column = React6.forwardRef((props, ref) => {
-  const { width, ...otherProps } = props;
-  return /* @__PURE__ */ jsx11(
-    Box,
-    {
-      ref,
-      display: "flex",
-      flexDirection: "column",
-      width: width !== "content" ? "full" : void 0,
-      flexShrink: width ? 0 : void 0,
-      flexGrow: width ? 0 : 1,
-      ...otherProps
-    }
-  );
-});
-
-// src/components/ConsistentWidth/ConsistentWidth.tsx
-import { Primitive as Primitive10 } from "@seed-design/react-primitive";
-import clsx5 from "clsx";
-import { forwardRef as forwardRef12 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var ConsistentWidth = forwardRef12((props, ref) => {
-  const { className, ...otherProps } = props;
-  return /* @__PURE__ */ jsx12(
-    Primitive10.span,
-    {
-      "data-text": props.children,
-      ref,
-      className: clsx5("seed-consistent-width", className),
-      ...otherProps
-    }
-  );
-});
-
-// src/components/ControlChip/ControlChip.tsx
-import { controlChip } from "@seed-design/css/recipes/control-chip";
-import { Primitive as Primitive11 } from "@seed-design/react-primitive";
-var { withProvider: withProvider7 } = createStyleContext(controlChip);
-var ControlChip = withIconRequired(
-  withProvider7(Primitive11.button, "root"),
-  (props) => props.layout === "iconOnly"
-);
-
-// src/components/Count/Count.tsx
-import { Primitive as Primitive12 } from "@seed-design/react-primitive";
-import clsx6 from "clsx";
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Count = forwardRef13((props, ref) => {
-  const { className, ...otherProps } = props;
-  return /* @__PURE__ */ jsx13(Primitive12.span, { ref, className: clsx6("seed-count", className), ...otherProps });
-});
-
-// src/components/Dialog/Dialog.tsx
-import { Dialog as DialogPrimitive3, useDialogContext as useDialogContext3 } from "@seed-design/react-dialog";
-import { Primitive as Primitive13 } from "@seed-design/react-primitive";
-import { dialog } from "@seed-design/css/recipes/dialog";
-import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var { withRootProvider: withRootProvider3, withContext: withContext7 } = createStyleContext(dialog);
-var withStateProps4 = createWithStateProps([useDialogContext3]);
-var DialogRoot = withRootProvider3(DialogPrimitive3.Root, {
-  defaultProps: {
-    lazyMount: true,
-    unmountOnExit: true
-  }
-});
-var DialogTrigger = DialogPrimitive3.Trigger;
-var DialogPositioner = withContext7(
-  DialogPrimitive3.Positioner,
-  "positioner"
-);
-var DialogBackdrop = withContext7(
-  DialogPrimitive3.Backdrop,
-  "backdrop"
-);
-var DialogContent = withContext7(
-  DialogPrimitive3.Content,
-  "content"
-);
-var DialogHeader = withContext7(Primitive13.div, "header");
-var DialogTitle = withContext7(
-  withStateProps4(Primitive13.span),
-  "title"
-);
-var DialogDescription = withContext7(
-  withStateProps4(Primitive13.div),
-  "description"
-);
-var DialogFooter = withContext7(Primitive13.div, "footer");
-var DialogAction = forwardRef14((props, ref) => {
-  const api = useDialogContext3();
-  return /* @__PURE__ */ jsx14(Primitive13.button, { ...props, ref, onClick: () => api.setOpen(false) });
-});
-
-// src/components/Dialog/Dialog.namespace.ts
-var Dialog_namespace_exports = {};
-__export(Dialog_namespace_exports, {
-  Action: () => DialogAction,
-  Backdrop: () => DialogBackdrop,
-  Content: () => DialogContent,
-  Description: () => DialogDescription,
-  Footer: () => DialogFooter,
-  Header: () => DialogHeader,
-  Positioner: () => DialogPositioner,
-  Root: () => DialogRoot,
-  Title: () => DialogTitle,
-  Trigger: () => DialogTrigger
-});
-
-// src/components/ExtendedActionSheet/ExtendedActionSheet.tsx
-import { Dialog as DialogPrimitive4, useDialogContext as useDialogContext4 } from "@seed-design/react-dialog";
-import { Primitive as Primitive14 } from "@seed-design/react-primitive";
-import {
-  extendedActionSheet
-} from "@seed-design/css/recipes/extended-action-sheet";
-import {
-  extendedActionSheetItem
-} from "@seed-design/css/recipes/extended-action-sheet-item";
-var { withRootProvider: withRootProvider4, withContext: withContext8 } = createStyleContext(extendedActionSheet);
-var { withProvider: withItemProvider2 } = createStyleContext(extendedActionSheetItem);
-var withStateProps5 = createWithStateProps([useDialogContext4]);
-var ExtendedActionSheetRoot = withRootProvider4(
-  DialogPrimitive4.Root,
-  {
-    defaultProps: {
-      lazyMount: true,
-      unmountOnExit: true
-    }
-  }
-);
-var ExtendedActionSheetTrigger = DialogPrimitive4.Trigger;
-var ExtendedActionSheetPositioner = withContext8(DialogPrimitive4.Positioner, "positioner");
-var ExtendedActionSheetBackdrop = withContext8(DialogPrimitive4.Backdrop, "backdrop");
-var ExtendedActionSheetContent = withContext8(DialogPrimitive4.Content, "content");
-var ExtendedActionSheetHeader = withContext8(withStateProps5(Primitive14.div), "header");
-var ExtendedActionSheetTitle = withContext8(withStateProps5(Primitive14.h2), "title");
-var ExtendedActionSheetList = withContext8(
-  withStateProps5(Primitive14.div),
-  "list"
-);
-var ExtendedActionSheetGroup = withContext8(
-  withStateProps5(Primitive14.div),
-  "group"
-);
-var ExtendedActionSheetItem = withItemProvider2(withStateProps5(Primitive14.button), "root");
-var ExtendedActionSheetFooter = withContext8(withStateProps5(Primitive14.div), "footer");
-var ExtendedActionSheetCloseButton = withContext8(DialogPrimitive4.CloseButton, "closeButton");
-
-// src/components/ExtendedActionSheet/ExtendedActionSheet.namespace.ts
-var ExtendedActionSheet_namespace_exports = {};
-__export(ExtendedActionSheet_namespace_exports, {
-  Backdrop: () => ExtendedActionSheetBackdrop,
-  CloseButton: () => ExtendedActionSheetCloseButton,
-  Content: () => ExtendedActionSheetContent,
-  Footer: () => ExtendedActionSheetFooter,
-  Group: () => ExtendedActionSheetGroup,
-  Header: () => ExtendedActionSheetHeader,
-  Item: () => ExtendedActionSheetItem,
-  List: () => ExtendedActionSheetList,
-  Positioner: () => ExtendedActionSheetPositioner,
-  Root: () => ExtendedActionSheetRoot,
-  Title: () => ExtendedActionSheetTitle,
-  Trigger: () => ExtendedActionSheetTrigger
-});
-
-// src/components/ExtendedFab/ExtendedFab.tsx
-import { Primitive as Primitive15 } from "@seed-design/react-primitive";
-import { extendedFab } from "@seed-design/css/recipes/extended-fab";
-var { withProvider: withProvider8 } = createStyleContext(extendedFab);
-var ExtendedFab = withProvider8(
-  Primitive15.button,
-  "root",
-  {
-    defaultProps: {
-      variant: "neutralSolid",
-      size: "medium"
-    }
-  }
-);
-
-// src/components/Fab/Fab.tsx
-import { Primitive as Primitive16 } from "@seed-design/react-primitive";
-import { fab } from "@seed-design/css/recipes/fab";
-var { withProvider: withProvider9 } = createStyleContext(fab);
-var Fab = withProvider9(Primitive16.button, "root");
-
-// src/components/Flex/Flex.tsx
-import * as React7 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Flex = React7.forwardRef((props, ref) => {
-  const { direction, wrap, ...rest } = props;
-  return /* @__PURE__ */ jsx15(Box, { ref, display: "flex", flexDirection: direction, flexWrap: wrap, ...rest });
-});
-
-// src/components/HelpBubble/HelpBubble.tsx
-import { Popover as PopoverPrimitive, usePopoverContext } from "@seed-design/react-popover";
-import { Primitive as Primitive17 } from "@seed-design/react-primitive";
-import { helpBubble } from "@seed-design/css/recipes/help-bubble";
-import { forwardRef as forwardRef16 } from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var { withRootProvider: withRootProvider5, withContext: withContext9 } = createStyleContext(helpBubble);
-var withStateProps6 = createWithStateProps([usePopoverContext]);
-var HelpBubbleRoot = withRootProvider5(PopoverPrimitive.Root, {
-  defaultProps: {
-    placement: "top",
-    gutter: 4,
-    overflowPadding: 16,
-    arrowPadding: 14,
-    flip: true,
-    slide: true,
-    strategy: "absolute"
-  }
-});
-var HelpBubbleAnchor = PopoverPrimitive.Anchor;
-var HelpBubbleTrigger = PopoverPrimitive.Trigger;
-var HelpBubblePositioner = withContext9(
-  PopoverPrimitive.Positioner,
-  "positioner"
-);
-var HelpBubbleBackdrop = withContext9(
-  withStateProps6(Primitive17.div),
-  "backdrop"
-);
-var HelpBubbleContent = withContext9(
-  withStyleProps(withStateProps6(Primitive17.div)),
-  "content"
-);
-var HelpBubbleArrow = withContext9(
-  PopoverPrimitive.Arrow,
-  "arrow"
-);
-var HelpBubbleArrowTip = forwardRef16(
-  (props, ref) => {
-    var _a, _b;
-    const { tipRadius = 1, ...otherProps } = props;
-    const api = usePopoverContext();
-    const width = ((_a = api.rects.arrow) == null ? void 0 : _a.width) || 0;
-    const height = ((_b = api.rects.arrow) == null ? void 0 : _b.height) || 0;
-    const pathData = `M0,0
-      H${width}
-      L${width / 2 + tipRadius},${height - tipRadius}
-      Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
-      Z`;
-    return /* @__PURE__ */ jsx16(
-      "svg",
-      {
-        "aria-hidden": "true",
-        width,
-        height: width,
-        viewBox: `0 0 ${width} ${height > width ? height : width}`,
-        ref,
-        ...otherProps,
-        children: /* @__PURE__ */ jsx16("path", { stroke: "none", d: pathData })
-      }
-    );
-  }
-);
-var HelpBubbleCloseButton = withContext9(
-  PopoverPrimitive.CloseButton,
-  "closeButton"
-);
-var HelpBubbleTitle = withContext9(
-  withStateProps6(Primitive17.span),
-  "title"
-);
-var HelpBubbleDescription = withContext9(
-  withStateProps6(Primitive17.div),
-  "description"
-);
-
-// src/components/HelpBubble/HelpBubble.namespace.ts
-var HelpBubble_namespace_exports = {};
-__export(HelpBubble_namespace_exports, {
-  Anchor: () => HelpBubbleAnchor,
-  Arrow: () => HelpBubbleArrow,
-  ArrowTip: () => HelpBubbleArrowTip,
-  Backdrop: () => HelpBubbleBackdrop,
-  CloseButton: () => HelpBubbleCloseButton,
-  Content: () => HelpBubbleContent,
-  Description: () => HelpBubbleDescription,
-  Positioner: () => HelpBubblePositioner,
-  Root: () => HelpBubbleRoot,
-  Title: () => HelpBubbleTitle,
-  Trigger: () => HelpBubbleTrigger
-});
-
-// src/components/IdentityPlaceholder/IdentityPlaceholder.tsx
-import {
-  identityPlaceholder
-} from "@seed-design/css/recipes/identity-placeholder";
-import { mergeProps as mergeProps3 } from "@seed-design/dom-utils";
-import { Primitive as Primitive18 } from "@seed-design/react-primitive";
-import * as React8 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var { useClassNames: useClassNames2, withProvider: withProvider10 } = createStyleContext(identityPlaceholder);
-var IdentityPlaceholderRoot = withProvider10(
-  Primitive18.div,
-  "root"
-);
-var IdentityPlaceholderImage = React8.forwardRef((props, ref) => {
-  const classNames = useClassNames2();
-  return /* @__PURE__ */ jsx17(
-    "svg",
-    {
-      ref,
-      viewBox: "0 0 640 640",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      role: "img",
-      "aria-label": "Identity placeholder",
-      ...mergeProps3({ className: classNames.image }, props),
-      children: /* @__PURE__ */ jsx17(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M481 301c0 56-29 106-72 135a264 264 0 0 1 175 248c0 18-118 38-264 38S56 702 56 684c0-114 73-211 174-248a162 162 0 1 1 251-135Zm-203-1c8 0 14-9 14-20s-6-20-14-20-15 9-15 20 7 20 15 20Zm83 0c8 0 15-9 15-20s-7-20-15-20-15 9-15 20 7 20 15 20Zm-88 25c4-2 9-1 11 4 4 7 15 19 36 19s32-12 36-19a8 8 0 1 1 15 8c-7 12-23 27-51 27s-44-15-50-27c-3-5-1-10 3-12Z"
-        }
-      )
-    }
-  );
-});
-IdentityPlaceholderImage.displayName = "IdentityPlaceholderImage";
-
-// src/components/IdentityPlaceholder/IdentityPlaceholder.namespace.ts
-var IdentityPlaceholder_namespace_exports = {};
-__export(IdentityPlaceholder_namespace_exports, {
-  Image: () => IdentityPlaceholderImage,
-  Root: () => IdentityPlaceholderRoot
-});
-
-// src/components/Inline/Inline.tsx
-import * as React9 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Inline = React9.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx18(
-    Box,
-    {
-      ref,
-      display: "flex",
-      flexDirection: "row",
-      flexWrap: "wrap",
-      alignItems: "flexStart",
-      justifyContent: "flexStart",
-      ...props
-    }
-  );
-});
-
-// src/components/InlineBanner/InlineBanner.tsx
-import {
-  inlineBanner
-} from "@seed-design/css/recipes/inline-banner";
-import { Primitive as Primitive19 } from "@seed-design/react-primitive";
-var { withContext: withContext10, withProvider: withProvider11 } = createStyleContext(inlineBanner);
-var InlineBannerRoot = withProvider11(
-  DismissibleRoot,
-  "root"
-);
-var InlineBannerContent = withContext10(
-  Primitive19.div,
-  "content"
-);
-var InlineBannerTitle = withContext10(
-  Primitive19.span,
-  "title"
-);
-var InlineBannerDescription = withContext10(
-  Primitive19.span,
-  "description"
-);
-var InlineBannerLink = withContext10(
-  Primitive19.button,
-  "link"
-);
-var InlineBannerCloseButton = withContext10(
-  DismissibleCloseButton,
-  "closeButton"
-);
-
-// src/components/InlineBanner/InlineBanner.namespace.ts
-var InlineBanner_namespace_exports = {};
-__export(InlineBanner_namespace_exports, {
-  CloseButton: () => InlineBannerCloseButton,
-  Content: () => InlineBannerContent,
-  Description: () => InlineBannerDescription,
-  Link: () => InlineBannerLink,
-  Root: () => InlineBannerRoot,
-  Title: () => InlineBannerTitle
-});
-
-// src/components/LinkWithIcon/LinkWithIcon.tsx
-import { Primitive as Primitive20 } from "@seed-design/react-primitive";
-import {
-  linkWithIcon
-} from "@seed-design/css/recipes/link-with-icon";
-var { withProvider: withProvider12 } = createStyleContext(linkWithIcon);
-var LinkWithIcon = withProvider12(
-  withStyleProps(Primitive20.button),
-  "root"
-);
-
-// src/components/LoadingIndicator/LoadingIndicator.tsx
-import { mergeProps as mergeProps4 } from "@seed-design/dom-utils";
-import { Primitive as Primitive21 } from "@seed-design/react-primitive";
-import { forwardRef as forwardRef19 } from "react";
-import { Fragment, jsx as jsx19, jsxs } from "react/jsx-runtime";
-var LoadingIndicator = forwardRef19((props, ref) => {
-  const { indicator, children, ...otherProps } = props;
-  const { stateProps } = usePendingButtonContext();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx19(
-      Primitive21.span,
-      {
-        ref,
-        ...mergeProps4(stateProps, { className: "seed-loading-indicator" }, otherProps),
-        children: indicator
-      }
-    ),
-    /* @__PURE__ */ jsx19(Primitive21.span, { style: { opacity: 0, display: "inherit", gap: "inherit" }, children })
-  ] });
-});
-
-// src/components/MannerTempBadge/MannerTempBadge.tsx
-import { Primitive as Primitive22 } from "@seed-design/react-primitive";
-import {
-  mannerTempBadge
-} from "@seed-design/css/recipes/manner-temp-badge";
-var { withProvider: withProvider13 } = createStyleContext(mannerTempBadge);
-var MannerTempBadge = withProvider13(
-  Primitive22.span,
-  "root"
-);
-
-// src/components/ProgressCircle/ProgressCircle.tsx
-import { ProgressCircle as ProgressCirclePrimitive } from "@seed-design/react-progress";
-import {
-  progressCircle
-} from "@seed-design/css/recipes/progress-circle";
-var { withContext: withContext11, withProvider: withProvider14 } = createStyleContext(progressCircle);
-var ProgressCircleRoot = withProvider14(
-  ProgressCirclePrimitive.Root,
-  "root"
-);
-var ProgressCircleTrack = withContext11(
-  ProgressCirclePrimitive.Track,
-  "track"
-);
-var ProgressCircleRange = withContext11(
-  ProgressCirclePrimitive.Range,
-  "range"
-);
-
-// src/components/ProgressCircle/ProgressCircle.namespace.ts
-var ProgressCircle_namespace_exports = {};
-__export(ProgressCircle_namespace_exports, {
-  Range: () => ProgressCircleRange,
-  Root: () => ProgressCircleRoot,
-  Track: () => ProgressCircleTrack
-});
-
-// src/components/PullToRefresh/PullToRefresh.tsx
-import { PullToRefresh as PullToRefreshPrimitive } from "@seed-design/react-pull-to-refresh";
-import {
-  pullToRefresh
-} from "@seed-design/css/recipes/pull-to-refresh";
-var { withContext: withContext12, withProvider: withProvider15 } = createStyleContext(pullToRefresh);
-var PullToRefreshRoot = withProvider15(
-  PullToRefreshPrimitive.Root,
-  "root"
-);
-var PullToRefreshIndicator = withContext12(
-  PullToRefreshPrimitive.Indicator,
-  "indicator"
-);
-var PullToRefreshContent = PullToRefreshPrimitive.Content;
-
-// src/components/PullToRefresh/PullToRefresh.namespace.ts
-var PullToRefresh_namespace_exports = {};
-__export(PullToRefresh_namespace_exports, {
-  Content: () => PullToRefreshContent,
-  Indicator: () => PullToRefreshIndicator,
-  Root: () => PullToRefreshRoot
-});
-
-// src/components/ReactionButton/ReactionButton.tsx
-import {
-  reactionButton
-} from "@seed-design/css/recipes/reaction-button";
-import { Toggle as TogglePrimitive } from "@seed-design/react-toggle";
-import clsx7 from "clsx";
-import * as React10 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var { ClassNamesProvider: ClassNamesProvider2 } = createStyleContext(reactionButton);
-var ReactionButton = React10.forwardRef(
-  ({ size = "small", loading = false, className, ...otherProps }, ref) => {
-    const classNames = reactionButton({ size });
-    const api = usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsx20(ClassNamesProvider2, { value: classNames, children: /* @__PURE__ */ jsx20(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx20(
-      TogglePrimitive.Root,
-      {
-        ref,
-        className: clsx7(classNames.root, className),
-        ...api.stateProps,
-        ...otherProps
-      }
-    ) }) });
-  }
-);
-ReactionButton.displayName = "ReactionButton";
-
-// src/components/SegmentedControl/SegmentedControl.tsx
-import {
-  segmentedControl
-} from "@seed-design/css/recipes/segmented-control";
-import { Primitive as Primitive23 } from "@seed-design/react-primitive";
-import { SegmentedControl as SegmentedControlPrimitive } from "@seed-design/react-segmented-control";
-var { withProvider: withProvider16, withContext: withContext13 } = createStyleContext(segmentedControl);
-var SegmentedControlRoot = withProvider16(
-  SegmentedControlPrimitive.Root,
-  "root"
-);
-var SegmentedControlIndicator = withContext13(Primitive23.div, "indicator");
-var SegmentedControlItem = withContext13(
-  SegmentedControlPrimitive.Item,
-  "item"
-);
-var SegmentedControlItemHiddenInput = SegmentedControlPrimitive.ItemHiddenInput;
-
-// src/components/SegmentedControl/SegmentedControl.namespace.ts
-var SegmentedControl_namespace_exports = {};
-__export(SegmentedControl_namespace_exports, {
-  Indicator: () => SegmentedControlIndicator,
-  Item: () => SegmentedControlItem,
-  ItemHiddenInput: () => SegmentedControlItemHiddenInput,
-  Root: () => SegmentedControlRoot
-});
-
-// src/components/SelectBox/CheckSelectBox.tsx
-import { Checkbox as CheckboxPrimitive2, useCheckboxContext as useCheckboxContext2 } from "@seed-design/react-checkbox";
-import { Primitive as Primitive24 } from "@seed-design/react-primitive";
-import { selectBox } from "@seed-design/css/recipes/select-box";
-import { selectBoxGroup } from "@seed-design/css/recipes/select-box-group";
-import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var { withProvider: withGroupProvider } = createStyleContext(selectBoxGroup);
-var { withProvider: withProvider17, withContext: withContext14 } = createStyleContext(selectBox);
-var withStateProps7 = createWithStateProps([useCheckboxContext2]);
-var CheckSelectBoxGroup = withGroupProvider(
-  forwardRef21((props, ref) => /* @__PURE__ */ jsx21(Primitive24.div, { ref, role: "group", ...props })),
-  "root"
-);
-var CheckSelectBoxRoot = withProvider17(
-  CheckboxPrimitive2.Root,
-  "root"
-);
-var CheckSelectBoxContent = withContext14(
-  withStateProps7(Primitive24.div),
-  "content"
-);
-var CheckSelectBoxLabel = withContext14(
-  withStateProps7(Primitive24.span),
-  "label"
-);
-var CheckSelectBoxDescription = withContext14(withStateProps7(Primitive24.span), "description");
-var CheckSelectBoxControl = withContext14(
-  CheckboxPrimitive2.Control,
-  "checkboxControl"
-);
-var CheckSelectBoxIcon = withContext14(
-  withStateProps7(InternalIcon),
-  "checkboxIcon"
-);
-var CheckSelectBoxHiddenInput = CheckboxPrimitive2.HiddenInput;
-
-// src/components/SelectBox/RadioSelectBox.tsx
-import { Primitive as Primitive25 } from "@seed-design/react-primitive";
-import {
-  RadioGroup as RadioGroupPrimitive,
-  useRadioGroupItemContext
-} from "@seed-design/react-radio-group";
-import { selectBox as selectBox2 } from "@seed-design/css/recipes/select-box";
-import { selectBoxGroup as selectBoxGroup2 } from "@seed-design/css/recipes/select-box-group";
-var { withProvider: withGroupProvider2 } = createStyleContext(selectBoxGroup2);
-var { withProvider: withProvider18, withContext: withContext15 } = createStyleContext(selectBox2);
-var withStateProps8 = createWithStateProps([useRadioGroupItemContext]);
-var RadioSelectBoxRoot = withGroupProvider2(
-  RadioGroupPrimitive.Root,
-  "root"
-);
-var RadioSelectBoxItem = withProvider18(
-  RadioGroupPrimitive.Item,
-  "root"
-);
-var RadioSelectBoxContent = withContext15(
-  withStateProps8(Primitive25.div),
-  "content"
-);
-var RadioSelectBoxLabel = withContext15(
-  withStateProps8(Primitive25.span),
-  "label"
-);
-var RadioSelectBoxDescription = withContext15(withStateProps8(Primitive25.span), "description");
-var RadioSelectBoxControl = withContext15(
-  RadioGroupPrimitive.ItemControl,
-  "radioControl"
-);
-var RadioSelectBoxIcon = withContext15(
-  withStateProps8(InternalIcon),
-  "radioIcon"
-);
-var RadioSelectBoxHiddenInput = RadioGroupPrimitive.ItemHiddenInput;
-
-// src/components/SelectBox/CheckSelectBox.namespace.ts
-var CheckSelectBox_namespace_exports = {};
-__export(CheckSelectBox_namespace_exports, {
-  Content: () => CheckSelectBoxContent,
-  Control: () => CheckSelectBoxControl,
-  Description: () => CheckSelectBoxDescription,
-  Group: () => CheckSelectBoxGroup,
-  HiddenInput: () => CheckSelectBoxHiddenInput,
-  Icon: () => CheckSelectBoxIcon,
-  Label: () => CheckSelectBoxLabel,
-  Root: () => CheckSelectBoxRoot
-});
-
-// src/components/SelectBox/RadioSelectBox.namespace.ts
-var RadioSelectBox_namespace_exports = {};
-__export(RadioSelectBox_namespace_exports, {
-  Content: () => RadioSelectBoxContent,
-  Control: () => RadioSelectBoxControl,
-  Description: () => RadioSelectBoxDescription,
-  HiddenInput: () => RadioSelectBoxHiddenInput,
-  Icon: () => RadioSelectBoxIcon,
-  Item: () => RadioSelectBoxItem,
-  Label: () => RadioSelectBoxLabel,
-  Root: () => RadioSelectBoxRoot
-});
-
-// src/components/Skeleton/Skeleton.tsx
-import { Primitive as Primitive26 } from "@seed-design/react-primitive";
-import { skeleton } from "@seed-design/css/recipes/skeleton";
-var { withProvider: withProvider19 } = createStyleContext(skeleton);
-var Skeleton = withProvider19(
-  withStyleProps(Primitive26.div),
-  "root"
-);
-
-// src/components/Snackbar/Snackbar.tsx
-import { Primitive as Primitive27 } from "@seed-design/react-primitive";
-import { Snackbar as SnackbarPrimitive } from "@seed-design/react-snackbar";
-import { snackbar } from "@seed-design/css/recipes/snackbar";
-import { snackbarRegion } from "@seed-design/css/recipes/snackbar-region";
-import { visuallyHidden } from "@seed-design/css/recipes/visually-hidden";
-import clsx8 from "clsx";
-import { forwardRef as forwardRef22, useMemo as useMemo3 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var { withProvider: withRegionProvider } = createStyleContext(snackbarRegion);
-var { withProvider: withProvider20, withContext: withContext16 } = createStyleContext(snackbar);
-var SnackbarRootProvider = SnackbarPrimitive.RootProvider;
-var SnackbarRegion = withRegionProvider(
-  SnackbarPrimitive.Region,
-  "root"
-);
-var SnackbarRoot = withProvider20(
-  SnackbarPrimitive.Root,
-  "root"
-);
-var SnackbarMessage = withContext16(
-  Primitive27.span,
-  "message"
-);
-var SnackbarPrefixIcon = withContext16(
-  InternalIcon,
-  "prefixIcon"
-);
-var SnackbarActionButton = withContext16(
-  Primitive27.button,
-  "actionButton"
-);
-var SnackbarCloseButton = forwardRef22(
-  (props, ref) => {
-    const { className, ...otherProps } = props;
-    const classNames = useMemo3(() => visuallyHidden(), []);
-    return /* @__PURE__ */ jsx22(
-      SnackbarPrimitive.CloseButton,
-      {
-        ref,
-        className: clsx8(classNames.root, className),
-        ...otherProps
-      }
-    );
-  }
-);
-var SnackbarRenderer = SnackbarPrimitive.Renderer;
-var SnackbarAvoidOverlap = SnackbarPrimitive.AvoidOverlap;
-
-// src/components/Snackbar/index.ts
-import {
-  useSnackbarContext as useSnackbarContext2
-} from "@seed-design/react-snackbar";
-
-// src/components/Snackbar/useSnackbarAdapter.ts
-import { useSnackbarContext } from "@seed-design/react-snackbar";
-import { useMemo as useMemo4 } from "react";
-function useSnackbarAdapter() {
-  const api = useSnackbarContext();
-  const adapter = useMemo4(
-    () => ({
-      visible: api.visible,
-      create: (options) => {
-        var _a, _b;
-        return api.create({
-          timeout: (_a = options.timeout) != null ? _a : 5e3,
-          removeDelay: (_b = options.removeDelay) != null ? _b : 200,
-          onClose: options.onClose,
-          render: options.render
-        });
-      },
-      dismiss: api.dismiss
-    }),
-    [api]
-  );
-  return adapter;
-}
-
-// src/components/Snackbar/Snackbar.namespace.ts
-var Snackbar_namespace_exports = {};
-__export(Snackbar_namespace_exports, {
-  ActionButton: () => SnackbarActionButton,
-  AvoidOverlap: () => SnackbarAvoidOverlap,
-  CloseButton: () => SnackbarCloseButton,
-  Message: () => SnackbarMessage,
-  PrefixIcon: () => SnackbarPrefixIcon,
-  Region: () => SnackbarRegion,
-  Renderer: () => SnackbarRenderer,
-  Root: () => SnackbarRoot,
-  RootProvider: () => SnackbarRootProvider
-});
-
-// src/components/Stack/Stack.tsx
-import * as React11 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var Stack = React11.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx23(Box, { ref, display: "flex", flexDirection: "column", ...props });
-});
-
-// src/components/Switch/Switch.tsx
-import { Switch as SwitchPrimitive, useSwitchContext } from "@seed-design/react-switch";
-import { switchStyle } from "@seed-design/css/recipes/switch";
-import { Primitive as Primitive28 } from "@seed-design/react-primitive";
-var { withProvider: withProvider21, withContext: withContext17 } = createStyleContext(switchStyle);
-var withStateProps9 = createWithStateProps([useSwitchContext]);
-var SwitchRoot = withProvider21(
-  SwitchPrimitive.Root,
-  "root"
-);
-var SwitchControl = withContext17(
-  SwitchPrimitive.Control,
-  "control"
-);
-var SwitchThumb = withContext17(
-  SwitchPrimitive.Thumb,
-  "thumb"
-);
-var SwitchLabel = withContext17(
-  withStateProps9(Primitive28.span),
-  "label"
-);
-var SwitchHiddenInput = SwitchPrimitive.HiddenInput;
-
-// src/components/Switch/Switch.namespace.ts
-var Switch_namespace_exports = {};
-__export(Switch_namespace_exports, {
-  Control: () => SwitchControl,
-  HiddenInput: () => SwitchHiddenInput,
-  Label: () => SwitchLabel,
-  Root: () => SwitchRoot,
-  Thumb: () => SwitchThumb
-});
-
-// src/components/Tabs/Tabs.tsx
-import { Primitive as Primitive29 } from "@seed-design/react-primitive";
-import {
-  Tabs as TabsPrimitive2,
-  useTabsContext,
-  useTabsTriggerContext
-} from "@seed-design/react-tabs";
-import { tabs } from "@seed-design/css/recipes/tabs";
-var { withProvider: withProvider22, withContext: withContext18 } = createStyleContext(tabs);
-var withStateProps10 = createWithStateProps([useTabsContext, useTabsTriggerContext], {
-  strict: false
-});
-var TabsRoot = withProvider22(TabsPrimitive2.Root, "root");
-var TabsList = withContext18(TabsPrimitive2.List, "list");
-var TabsTrigger = withContext18(
-  TabsPrimitive2.Trigger,
-  "trigger"
-);
-var TabsTriggerNotification = withContext18(
-  withStateProps10(Primitive29.div),
-  "triggerNotification"
-);
-var TabsIndicator = withContext18(
-  TabsPrimitive2.Indicator,
-  "indicator"
-);
-var TabsContent = withContext18(
-  TabsPrimitive2.Content,
-  "content"
-);
-var TabsCarousel = withContext18(
-  TabsPrimitive2.Carousel,
-  "carousel"
-);
-var TabsCarouselCamera = withContext18(
-  TabsPrimitive2.CarouselCamera,
-  "carouselCamera"
-);
-
-// src/components/Tabs/Tabs.namespace.ts
-var Tabs_namespace_exports = {};
-__export(Tabs_namespace_exports, {
-  Carousel: () => TabsCarousel,
-  CarouselCamera: () => TabsCarouselCamera,
-  Content: () => TabsContent,
-  Indicator: () => TabsIndicator,
-  List: () => TabsList,
-  Root: () => TabsRoot,
-  Trigger: () => TabsTrigger,
-  TriggerNotification: () => TabsTriggerNotification
-});
-
-// src/components/Text/Text.tsx
-import { text } from "@seed-design/css/recipes/text";
-import {
-  vars as vars2
-} from "@seed-design/css/vars";
-import clsx9 from "clsx";
-import { useMemo as useMemo5 } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-function handleColor2(color) {
-  var _a;
-  if (!color) {
-    return void 0;
-  }
-  const [type, value] = color.split(".");
-  return (_a = vars2.$color[type][value]) != null ? _a : void 0;
-}
-function handleFontWeight(fontWeight) {
-  var _a;
-  if (!fontWeight) {
-    return void 0;
-  }
-  return (_a = vars2.$fontWeight[fontWeight]) != null ? _a : void 0;
-}
-function handleFontSize(size) {
-  var _a;
-  if (!size) {
-    return void 0;
-  }
-  return (_a = vars2.$fontSize[size]) != null ? _a : size;
-}
-function handleLineHeight(lineHeight) {
-  var _a;
-  if (!lineHeight) {
-    return void 0;
-  }
-  return (_a = vars2.$lineHeight[lineHeight]) != null ? _a : lineHeight;
-}
-function mapMaxLines(maxLines) {
-  if (maxLines === void 0) {
-    return "none";
-  }
-  if (maxLines === 1) {
-    return "single";
-  }
-  return "multi";
-}
-var Text = ({
-  as,
-  color,
-  textStyle,
-  fontSize,
-  lineHeight,
-  fontWeight,
-  maxLines,
-  children,
-  className,
-  style,
-  ...otherProps
-}) => {
-  const Comp = as || "span";
-  const classNames = useMemo5(
-    () => text({
-      textStyle,
-      maxLines: mapMaxLines(maxLines)
-    }),
-    [textStyle, maxLines]
-  );
-  return /* @__PURE__ */ jsx24(
-    Comp,
-    {
-      className: clsx9(classNames.root, className),
-      style: {
-        "--seed-max-lines": maxLines,
-        "--seed-text-color": handleColor2(color),
-        "--seed-font-size": handleFontSize(fontSize),
-        "--seed-line-height": handleLineHeight(lineHeight != null ? lineHeight : fontSize),
-        "--seed-font-weight": handleFontWeight(fontWeight),
-        "--seed-text-align": otherProps.align,
-        ...style
-      },
-      ...otherProps,
-      children
-    }
-  );
-};
-
-// src/components/TextField/TextField.tsx
-import { useLayoutEffect as useLayoutEffect2 } from "@radix-ui/react-use-layout-effect";
-import { Primitive as Primitive30 } from "@seed-design/react-primitive";
-import { TextField, useTextFieldContext } from "@seed-design/react-text-field";
-import { textField } from "@seed-design/css/recipes/text-field";
-import clsx10 from "clsx";
-import { forwardRef as forwardRef24, useCallback as useCallback3, useRef as useRef2 } from "react";
-import { composeRefs } from "@radix-ui/react-compose-refs";
-import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs2 } from "react/jsx-runtime";
-var { withProvider: withProvider23, withContext: withContext19, useClassNames: useClassNames3 } = createStyleContext(textField);
-var withStateProps11 = createWithStateProps([useTextFieldContext]);
-var TextFieldRoot = withProvider23(
-  TextField.Root,
-  "root"
-);
-var TextFieldHeader = withContext19(
-  withStateProps11(Primitive30.div),
-  "header"
-);
-var TextFieldLabel = withContext19(
-  TextField.Label,
-  "label"
-);
-var TextFieldIndicator = forwardRef24(
-  (props, ref) => {
-    const { className, ...otherProps } = props;
-    const classNames = useClassNames3();
-    return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsx25(Primitive30.span, { children: " " }),
-      /* @__PURE__ */ jsx25(
-        Primitive30.span,
-        {
-          ref,
-          className: clsx10(classNames.indicator, className),
-          ...otherProps
-        }
-      )
-    ] });
-  }
-);
-var TextFieldField = withContext19(
-  withStateProps11(Primitive30.div),
-  "field"
-);
-var TextFieldPrefixIcon = withContext19(
-  withStateProps11(InternalIcon),
-  "prefixIcon"
-);
-var TextFieldPrefixText = withContext19(
-  withStateProps11(Primitive30.span),
-  "prefixText"
-);
-var TextFieldSuffixIcon = withContext19(
-  withStateProps11(InternalIcon),
-  "suffixIcon"
-);
-var TextFieldSuffixText = withContext19(
-  withStateProps11(Primitive30.span),
-  "suffixText"
-);
-var TextFieldInput = withContext19(
-  TextField.Input,
-  "value"
-);
-var TextFieldTextarea = forwardRef24(
-  (props, ref) => {
-    var _a;
-    const { className, autoresize = true, ...otherProps } = props;
-    const classNames = useClassNames3();
-    const { value } = useTextFieldContext();
-    const inputRef = useRef2(null);
-    const onHeightChange = useCallback3(() => {
-      var _a2;
-      if (!inputRef.current) return;
-      if ((_a2 = otherProps.style) == null ? void 0 : _a2.height) return;
-      if (!autoresize) return;
-      const input = inputRef.current;
-      const prevAlignment = input.style.alignSelf;
-      const prevOverflow = input.style.overflow;
-      const isFirefox = "MozAppearance" in input.style;
-      if (!isFirefox) {
-        input.style.overflow = "hidden";
-      }
-      input.style.alignSelf = "start";
-      input.style.height = "auto";
-      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;
-      input.style.overflow = prevOverflow;
-      input.style.alignSelf = prevAlignment;
-    }, [inputRef, (_a = otherProps.style) == null ? void 0 : _a.height, autoresize]);
-    useLayoutEffect2(() => {
-      if (inputRef.current) {
-        onHeightChange();
-      }
-    }, [onHeightChange, value, inputRef]);
-    return /* @__PURE__ */ jsx25(
-      TextField.Textarea,
-      {
-        ref: composeRefs(inputRef, ref),
-        ...otherProps,
-        className: clsx10(classNames.value, className)
-      }
-    );
-  }
-);
-var TextFieldFooter = withContext19(
-  withStateProps11(Primitive30.div),
-  "footer"
-);
-var TextFieldDescription = withContext19(
-  TextField.Description,
-  "description"
-);
-var TextFieldErrorMessage = withContext19(
-  TextField.ErrorMessage,
-  "errorMessage"
-);
-var TextFieldErrorIcon = withContext19(
-  withStateProps11(InternalIcon),
-  "errorIcon"
-);
-var TextFieldCharacterCountArea = withContext19(withStateProps11(Primitive30.div), "characterCountArea");
-var TextFieldCharacterCount = withContext19(
-  TextField.GraphemeCount,
-  "characterCount"
-);
-var TextFieldMaxCharacterCount = withContext19(withStateProps11(Primitive30.span), "maxCharacterCount");
-
-// src/components/TextField/TextField.namespace.tsx
-var TextField_namespace_exports = {};
-__export(TextField_namespace_exports, {
-  CharacterCount: () => TextFieldCharacterCount,
-  CharacterCountArea: () => TextFieldCharacterCountArea,
-  Description: () => TextFieldDescription,
-  ErrorIcon: () => TextFieldErrorIcon,
-  ErrorMessage: () => TextFieldErrorMessage,
-  Field: () => TextFieldField,
-  Footer: () => TextFieldFooter,
-  Header: () => TextFieldHeader,
-  Indicator: () => TextFieldIndicator,
-  Input: () => TextFieldInput,
-  Label: () => TextFieldLabel,
-  MaxCharacterCount: () => TextFieldMaxCharacterCount,
-  PrefixIcon: () => TextFieldPrefixIcon,
-  PrefixText: () => TextFieldPrefixText,
-  Root: () => TextFieldRoot,
-  SuffixIcon: () => TextFieldSuffixIcon,
-  SuffixText: () => TextFieldSuffixText,
-  Textarea: () => TextFieldTextarea
-});
-
-// src/components/ToggleButton/ToggleButton.tsx
-import { Toggle as TogglePrimitive2 } from "@seed-design/react-toggle";
-import {
-  toggleButton
-} from "@seed-design/css/recipes/toggle-button";
-import clsx11 from "clsx";
-import * as React12 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var { ClassNamesProvider: ClassNamesProvider3 } = createStyleContext(toggleButton);
-var ToggleButton = React12.forwardRef(
-  ({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
-    const classNames = toggleButton({ variant, size });
-    const api = usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsx26(ClassNamesProvider3, { value: classNames, children: /* @__PURE__ */ jsx26(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx26(
-      TogglePrimitive2.Root,
-      {
-        ref,
-        className: clsx11(classNames.root, className),
-        ...api.stateProps,
-        ...otherProps
-      }
-    ) }) });
-  }
-);
-ToggleButton.displayName = "ToggleButton";
-
-// src/components/VisuallyHidden/VisuallyHidden.tsx
-import { Primitive as Primitive31 } from "@seed-design/react-primitive";
-import { visuallyHidden as visuallyHidden2 } from "@seed-design/css/recipes/visually-hidden";
-var { withProvider: withProvider24 } = createStyleContext(visuallyHidden2);
-var VisuallyHidden = withProvider24(
-  Primitive31.div,
-  "root"
-);
-export {
-  ActionButton,
-  ActionChip,
-  ActionSheet_namespace_exports as ActionSheet,
-  ActionSheetBackdrop,
-  ActionSheetCloseButton,
-  ActionSheetContent,
-  ActionSheetDescription,
-  ActionSheetHeader,
-  ActionSheetItem,
-  ActionSheetList,
-  ActionSheetPositioner,
-  ActionSheetRoot,
-  ActionSheetTitle,
-  ActionSheetTrigger,
-  Avatar_namespace_exports as Avatar,
-  AvatarBadge,
-  AvatarFallback,
-  AvatarImage,
-  AvatarRoot,
-  AvatarStack,
-  Badge,
-  BottomSheet_namespace_exports as BottomSheet,
-  BottomSheetBackdrop,
-  BottomSheetBody,
-  BottomSheetCloseButton,
-  BottomSheetContent,
-  BottomSheetDescription,
-  BottomSheetFooter,
-  BottomSheetHeader,
-  BottomSheetPositioner,
-  BottomSheetRoot,
-  BottomSheetTitle,
-  BottomSheetTrigger,
-  Box,
-  Callout_namespace_exports as Callout,
-  CalloutCloseButton,
-  CalloutContent,
-  CalloutDescription,
-  CalloutLink,
-  CalloutRoot,
-  CalloutTitle,
-  Celcius,
-  CheckSelectBox_namespace_exports as CheckSelectBox,
-  CheckSelectBoxContent,
-  CheckSelectBoxControl,
-  CheckSelectBoxDescription,
-  CheckSelectBoxGroup,
-  CheckSelectBoxHiddenInput,
-  CheckSelectBoxIcon,
-  CheckSelectBoxLabel,
-  CheckSelectBoxRoot,
-  Checkbox_namespace_exports as Checkbox,
-  CheckboxControl,
-  CheckboxHiddenInput,
-  CheckboxIndicator,
-  CheckboxLabel,
-  CheckboxRoot,
-  ChipTabs_namespace_exports as ChipTabs,
-  ChipTabsCarousel,
-  ChipTabsCarouselCamera,
-  ChipTabsContent,
-  ChipTabsList,
-  ChipTabsRoot,
-  ChipTabsTrigger,
-  Column,
-  Columns,
-  ConsistentWidth,
-  ControlChip,
-  Count,
-  Dialog_namespace_exports as Dialog,
-  DialogAction,
-  DialogBackdrop,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogPositioner,
-  DialogRoot,
-  DialogTitle,
-  DialogTrigger,
-  ExtendedActionSheet_namespace_exports as ExtendedActionSheet,
-  ExtendedActionSheetBackdrop,
-  ExtendedActionSheetCloseButton,
-  ExtendedActionSheetContent,
-  ExtendedActionSheetFooter,
-  ExtendedActionSheetGroup,
-  ExtendedActionSheetHeader,
-  ExtendedActionSheetItem,
-  ExtendedActionSheetList,
-  ExtendedActionSheetPositioner,
-  ExtendedActionSheetRoot,
-  ExtendedActionSheetTitle,
-  ExtendedActionSheetTrigger,
-  ExtendedFab,
-  Fab,
-  Flex,
-  HelpBubble_namespace_exports as HelpBubble,
-  HelpBubbleAnchor,
-  HelpBubbleArrow,
-  HelpBubbleArrowTip,
-  HelpBubbleBackdrop,
-  HelpBubbleCloseButton,
-  HelpBubbleContent,
-  HelpBubbleDescription,
-  HelpBubblePositioner,
-  HelpBubbleRoot,
-  HelpBubbleTitle,
-  HelpBubbleTrigger,
-  Icon,
-  IdentityPlaceholder_namespace_exports as IdentityPlaceholder,
-  IdentityPlaceholderImage,
-  IdentityPlaceholderRoot,
-  Inline,
-  InlineBanner_namespace_exports as InlineBanner,
-  InlineBannerCloseButton,
-  InlineBannerContent,
-  InlineBannerDescription,
-  InlineBannerLink,
-  InlineBannerRoot,
-  InlineBannerTitle,
-  LinkWithIcon,
-  LoadingIndicator,
-  MannerTempBadge,
-  PrefixIcon,
-  ProgressCircle_namespace_exports as ProgressCircle,
-  ProgressCircleRange,
-  ProgressCircleRoot,
-  ProgressCircleTrack,
-  PullToRefresh_namespace_exports as PullToRefresh,
-  PullToRefreshContent,
-  PullToRefreshIndicator,
-  PullToRefreshRoot,
-  RadioSelectBox_namespace_exports as RadioSelectBox,
-  RadioSelectBoxContent,
-  RadioSelectBoxControl,
-  RadioSelectBoxDescription,
-  RadioSelectBoxHiddenInput,
-  RadioSelectBoxIcon,
-  RadioSelectBoxItem,
-  RadioSelectBoxLabel,
-  RadioSelectBoxRoot,
-  ReactionButton,
-  SegmentedControl_namespace_exports as SegmentedControl,
-  SegmentedControlIndicator,
-  SegmentedControlItem,
-  SegmentedControlItemHiddenInput,
-  SegmentedControlRoot,
-  Skeleton,
-  Snackbar_namespace_exports as Snackbar,
-  SnackbarActionButton,
-  SnackbarAvoidOverlap,
-  SnackbarCloseButton,
-  SnackbarMessage,
-  SnackbarPrefixIcon,
-  SnackbarRegion,
-  SnackbarRenderer,
-  SnackbarRoot,
-  SnackbarRootProvider,
-  Stack,
-  SuffixIcon,
-  Switch_namespace_exports as Switch,
-  SwitchControl,
-  SwitchHiddenInput,
-  SwitchLabel,
-  SwitchRoot,
-  SwitchThumb,
-  Tabs_namespace_exports as Tabs,
-  TabsCarousel,
-  TabsCarouselCamera,
-  TabsContent,
-  TabsIndicator,
-  TabsList,
-  TabsRoot,
-  TabsTrigger,
-  TabsTriggerNotification,
-  Text,
-  TextField_namespace_exports as TextField,
-  TextFieldCharacterCount,
-  TextFieldCharacterCountArea,
-  TextFieldDescription,
-  TextFieldErrorIcon,
-  TextFieldErrorMessage,
-  TextFieldField,
-  TextFieldFooter,
-  TextFieldHeader,
-  TextFieldIndicator,
-  TextFieldInput,
-  TextFieldLabel,
-  TextFieldMaxCharacterCount,
-  TextFieldPrefixIcon,
-  TextFieldPrefixText,
-  TextFieldRoot,
-  TextFieldSuffixIcon,
-  TextFieldSuffixText,
-  TextFieldTextarea,
-  ToggleButton,
-  VisuallyHidden,
-  useSnackbarAdapter,
-  useSnackbarContext2 as useSnackbarContext
-};
-//# sourceMappingURL=index.mjs.map