@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/RadioGroupField/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const RadioGroupField = require('./RadioGroupField.cjs');
+const RadioGroupField_namespace = require('./RadioGroupField.namespace.cjs');
+
+
+
+exports.RadioGroupFieldDescription = RadioGroupField.RadioGroupFieldDescription;
+exports.RadioGroupFieldErrorMessage = RadioGroupField.RadioGroupFieldErrorMessage;
+exports.RadioGroupFieldFooter = RadioGroupField.RadioGroupFieldFooter;
+exports.RadioGroupFieldHeader = RadioGroupField.RadioGroupFieldHeader;
+exports.RadioGroupFieldIndicatorText = RadioGroupField.RadioGroupFieldIndicatorText;
+exports.RadioGroupFieldLabel = RadioGroupField.RadioGroupFieldLabel;
+exports.RadioGroupFieldRequiredIndicator = RadioGroupField.RadioGroupFieldRequiredIndicator;
+exports.RadioGroupFieldRoot = RadioGroupField.RadioGroupFieldRoot;
+exports.RadioGroupField = RadioGroupField_namespace;

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

@@ -0,0 +1,3 @@
+export * from './RadioGroupField';
+export * as RadioGroupField from './RadioGroupField.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroupField/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,KAAK,eAAe,MAAM,6BAA6B,CAAC"}

package/lib/components/RadioGroupField/index.js

@@ -0,0 +1,3 @@
+export { RadioGroupFieldDescription, RadioGroupFieldErrorMessage, RadioGroupFieldFooter, RadioGroupFieldHeader, RadioGroupFieldIndicatorText, RadioGroupFieldLabel, RadioGroupFieldRequiredIndicator, RadioGroupFieldRoot } from './RadioGroupField.js';
+import * as RadioGroupField_namespace from './RadioGroupField.namespace.js';
+export { RadioGroupField_namespace as RadioGroupField };

package/lib/components/ReactionButton/ReactionButton.cjs

@@ -0,0 +1,49 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactionButton = require('@seed-design/css/recipes/reaction-button');
+const reactToggle = require('@seed-design/react-toggle');
+const clsx = require('clsx');
+const React = require('react');
+const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ReactionButton = React__namespace.forwardRef(
+  ({ size = "small", loading = false, className, ...otherProps }, ref) => {
+    const recipeClassName = reactionButton.reactionButton({ size });
+    const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
+    return /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactToggle.Toggle.Root,
+      {
+        ref,
+        className: clsx(recipeClassName, className),
+        ...api.stateProps,
+        ...otherProps
+      }
+    ) });
+  }
+);
+ReactionButton.displayName = "ReactionButton";
+
+exports.ReactionButton = ReactionButton;

package/lib/components/ReactionButton/ReactionButton.d.ts

@@ -0,0 +1,8 @@
+import { ReactionButtonVariantProps } from '@seed-design/css/recipes/reaction-button';
+import { Toggle as TogglePrimitive } from '@seed-design/react-toggle';
+import { UsePendingButtonProps } from '../LoadingIndicator/usePendingButton';
+import * as React from "react";
+export interface ReactionButtonProps extends ReactionButtonVariantProps, UsePendingButtonProps, TogglePrimitive.RootProps {
+}
+export declare const ReactionButton: React.ForwardRefExoticComponent<ReactionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ReactionButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionButton/ReactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,cAAc,+FAgB1B,CAAC"}

package/lib/components/ReactionButton/ReactionButton.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { reactionButton } from '@seed-design/css/recipes/reaction-button';
+import { Toggle } from '@seed-design/react-toggle';
+import clsx from 'clsx';
+import * as React from 'react';
+import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
+
+const ReactionButton = React.forwardRef(
+  ({ size = "small", loading = false, className, ...otherProps }, ref) => {
+    const recipeClassName = reactionButton({ size });
+    const api = usePendingButton({ loading, disabled: otherProps.disabled });
+    return /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(
+      Toggle.Root,
+      {
+        ref,
+        className: clsx(recipeClassName, className),
+        ...api.stateProps,
+        ...otherProps
+      }
+    ) });
+  }
+);
+ReactionButton.displayName = "ReactionButton";
+
+export { ReactionButton };

package/lib/components/ReactionButton/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ReactionButton = require('./ReactionButton.cjs');
+
+
+
+exports.ReactionButton = ReactionButton.ReactionButton;

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

@@ -0,0 +1,2 @@
+export { ReactionButton, type ReactionButtonProps, } from './ReactionButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAC"}

package/lib/components/ReactionButton/index.js

@@ -0,0 +1 @@
+export { ReactionButton } from './ReactionButton.js';

package/lib/components/ResponsivePair/ResponsivePair.cjs

@@ -0,0 +1,61 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const React = require('react');
+const Flex = require('../Flex/Flex.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ResponsivePair = React__namespace.forwardRef(
+  (props, ref) => {
+    const { wrap = "wrap-reverse", gap, children, ...rest } = props;
+    const childrenArray = React__namespace.Children.toArray(children);
+    const style = {
+      "--seed-box-min-width": `calc(${100 / childrenArray.length}% - var(--responsive-pair-gap) / ${childrenArray.length})`,
+      "--seed-box-flex-grow": 1
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Flex.Flex,
+      {
+        ref,
+        display: "flex",
+        flexDirection: "row",
+        alignContent: "stretch",
+        flexWrap: wrap,
+        gap,
+        ...rest,
+        style: {
+          "--responsive-pair-gap": "var(--seed-box-gap, 0px)",
+          ...rest.style
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { style, children: childrenArray[0] }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { style, children: childrenArray[1] })
+        ]
+      }
+    );
+  }
+);
+
+exports.ResponsivePair = ResponsivePair;

package/lib/components/ResponsivePair/ResponsivePair.d.ts

@@ -0,0 +1,11 @@
+import { FlexProps } from '../Flex';
+import * as React from "react";
+export interface ResponsivePairProps extends Omit<FlexProps, "flexDirection" | "flexWrap"> {
+    /**
+     * @default "wrap-reverse"
+     */
+    wrap?: "wrap" | "wrap-reverse";
+    children: [React.ReactNode, React.ReactNode];
+}
+export declare const ResponsivePair: React.ForwardRefExoticComponent<ResponsivePairProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ResponsivePair.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsivePair.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsivePair/ResponsivePair.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,UAAU,CAAC;IACxF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAE/B,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,cAAc,4FA8B1B,CAAC"}

package/lib/components/ResponsivePair/ResponsivePair.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { Flex } from '../Flex/Flex.js';
+
+const ResponsivePair = React.forwardRef(
+  (props, ref) => {
+    const { wrap = "wrap-reverse", gap, children, ...rest } = props;
+    const childrenArray = React.Children.toArray(children);
+    const style = {
+      "--seed-box-min-width": `calc(${100 / childrenArray.length}% - var(--responsive-pair-gap) / ${childrenArray.length})`,
+      "--seed-box-flex-grow": 1
+    };
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        ref,
+        display: "flex",
+        flexDirection: "row",
+        alignContent: "stretch",
+        flexWrap: wrap,
+        gap,
+        ...rest,
+        style: {
+          "--responsive-pair-gap": "var(--seed-box-gap, 0px)",
+          ...rest.style
+        },
+        children: [
+          /* @__PURE__ */ jsx(Slot, { style, children: childrenArray[0] }),
+          /* @__PURE__ */ jsx(Slot, { style, children: childrenArray[1] })
+        ]
+      }
+    );
+  }
+);
+
+export { ResponsivePair };

package/lib/components/ResponsivePair/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ResponsivePair = require('./ResponsivePair.cjs');
+
+
+
+exports.ResponsivePair = ResponsivePair.ResponsivePair;

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

@@ -0,0 +1,2 @@
+export { ResponsivePair, type ResponsivePairProps } from './ResponsivePair';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsivePair/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/ResponsivePair/index.js

@@ -0,0 +1 @@
+export { ResponsivePair } from './ResponsivePair.js';

package/lib/components/ScrollFog/ScrollFog.cjs

@@ -0,0 +1,63 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const scrollFog = require('@seed-design/css/recipes/scroll-fog');
+const clsx = require('clsx');
+const React = require('react');
+const component = require('@seed-design/css/vars/component');
+
+const ScrollFog = React.forwardRef(
+  ({
+    className,
+    hideScrollBar,
+    placement = ["top", "bottom"],
+    size = component.scrollFog.base.enabled.root.size,
+    sizes,
+    style,
+    ...props
+  }, ref) => {
+    const [variantProps, restProps] = scrollFog.scrollFog.splitVariantProps({
+      hideScrollBar,
+      ...props
+    });
+    const scrollFogClassName = scrollFog.scrollFog(variantProps);
+    const sizePx = typeof size === "number" ? `${size}px` : size;
+    const sizeStyle = React.useMemo(() => {
+      const finalSizes = {
+        top: sizes?.top ? `${sizes.top}px` : sizePx,
+        bottom: sizes?.bottom ? `${sizes.bottom}px` : sizePx,
+        left: sizes?.left ? `${sizes.left}px` : sizePx,
+        right: sizes?.right ? `${sizes.right}px` : sizePx
+      };
+      return {
+        "--scroll-fog-size-top": finalSizes.top,
+        "--scroll-fog-size-bottom": finalSizes.bottom,
+        "--scroll-fog-size-left": finalSizes.left,
+        "--scroll-fog-size-right": finalSizes.right,
+        // placement에 포함된 방향만 1, 나머지는 0
+        "--scrollable-top": placement.includes("top") ? "1" : "0",
+        "--scrollable-bottom": placement.includes("bottom") ? "1" : "0",
+        "--scrollable-left": placement.includes("left") ? "1" : "0",
+        "--scrollable-right": placement.includes("right") ? "1" : "0"
+      };
+    }, [sizePx, sizes, placement]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: clsx(scrollFogClassName, className),
+        style: {
+          ...style,
+          ...sizeStyle
+        },
+        ...restProps
+      }
+    );
+  }
+);
+ScrollFog.displayName = "ScrollFog";
+
+exports.ScrollFog = ScrollFog;

package/lib/components/ScrollFog/ScrollFog.d.ts

@@ -0,0 +1,28 @@
+import { ScrollFogVariantProps } from '@seed-design/css/recipes/scroll-fog';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+type ScrollPlacement = "top" | "bottom" | "left" | "right";
+type SizesConfig = {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};
+export interface ScrollFogProps extends ScrollFogVariantProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Placement of fog effect
+     * @default ["top", "bottom"]
+     */
+    placement?: ScrollPlacement[];
+    /**
+     * Size of the fog effect in pixels
+     * @default 20
+     */
+    size?: number;
+    /**
+     * Size of the fog effect for each direction in pixels
+     */
+    sizes?: SizesConfig;
+}
+export declare const ScrollFog: ForwardRefExoticComponent<ScrollFogProps & RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ScrollFog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollFog.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollFog/ScrollFog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAK5F,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,qBAAqB,EAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2GAqDrB,CAAC"}

package/lib/components/ScrollFog/ScrollFog.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { scrollFog } from '@seed-design/css/recipes/scroll-fog';
+import clsx from 'clsx';
+import { forwardRef, useMemo } from 'react';
+import { scrollFog as scrollFog$1 } from '@seed-design/css/vars/component';
+
+const ScrollFog = forwardRef(
+  ({
+    className,
+    hideScrollBar,
+    placement = ["top", "bottom"],
+    size = scrollFog$1.base.enabled.root.size,
+    sizes,
+    style,
+    ...props
+  }, ref) => {
+    const [variantProps, restProps] = scrollFog.splitVariantProps({
+      hideScrollBar,
+      ...props
+    });
+    const scrollFogClassName = scrollFog(variantProps);
+    const sizePx = typeof size === "number" ? `${size}px` : size;
+    const sizeStyle = useMemo(() => {
+      const finalSizes = {
+        top: sizes?.top ? `${sizes.top}px` : sizePx,
+        bottom: sizes?.bottom ? `${sizes.bottom}px` : sizePx,
+        left: sizes?.left ? `${sizes.left}px` : sizePx,
+        right: sizes?.right ? `${sizes.right}px` : sizePx
+      };
+      return {
+        "--scroll-fog-size-top": finalSizes.top,
+        "--scroll-fog-size-bottom": finalSizes.bottom,
+        "--scroll-fog-size-left": finalSizes.left,
+        "--scroll-fog-size-right": finalSizes.right,
+        // placement에 포함된 방향만 1, 나머지는 0
+        "--scrollable-top": placement.includes("top") ? "1" : "0",
+        "--scrollable-bottom": placement.includes("bottom") ? "1" : "0",
+        "--scrollable-left": placement.includes("left") ? "1" : "0",
+        "--scrollable-right": placement.includes("right") ? "1" : "0"
+      };
+    }, [sizePx, sizes, placement]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(scrollFogClassName, className),
+        style: {
+          ...style,
+          ...sizeStyle
+        },
+        ...restProps
+      }
+    );
+  }
+);
+ScrollFog.displayName = "ScrollFog";
+
+export { ScrollFog };

package/lib/components/ScrollFog/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ScrollFog = require('./ScrollFog.cjs');
+
+
+
+exports.ScrollFog = ScrollFog.ScrollFog;

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

@@ -0,0 +1,2 @@
+export { ScrollFog, type ScrollFogProps } from './ScrollFog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollFog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/lib/components/ScrollFog/index.js

@@ -0,0 +1 @@
+export { ScrollFog } from './ScrollFog.js';

package/lib/components/SegmentedControl/SegmentedControl.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const segmentedControl = require('@seed-design/css/recipes/segmented-control');
+const reactPrimitive = require('@seed-design/react-primitive');
+const reactSegmentedControl = require('@seed-design/react-segmented-control');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(segmentedControl.segmentedControl);
+const SegmentedControlRoot = withProvider(
+  reactSegmentedControl.SegmentedControl.Root,
+  "root"
+);
+const SegmentedControlIndicator = withContext(reactPrimitive.Primitive.div, "indicator");
+const SegmentedControlItem = withContext(
+  reactSegmentedControl.SegmentedControl.Item,
+  "item"
+);
+const SegmentedControlItemHiddenInput = reactSegmentedControl.SegmentedControl.ItemHiddenInput;
+
+exports.SegmentedControlIndicator = SegmentedControlIndicator;
+exports.SegmentedControlItem = SegmentedControlItem;
+exports.SegmentedControlItemHiddenInput = SegmentedControlItemHiddenInput;
+exports.SegmentedControlRoot = SegmentedControlRoot;

package/lib/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,17 @@
+import { SegmentedControlVariantProps } from '@seed-design/css/recipes/segmented-control';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { SegmentedControl as SegmentedControlPrimitive } from '@seed-design/react-segmented-control';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SegmentedControlRootProps extends SegmentedControlVariantProps, SegmentedControlPrimitive.RootProps {
+}
+export declare const SegmentedControlRoot: ForwardRefExoticComponent<SegmentedControlRootProps & RefAttributes<HTMLDivElement>>;
+export interface SegmentedControlIndicatorProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const SegmentedControlIndicator: ForwardRefExoticComponent<SegmentedControlIndicatorProps & RefAttributes<HTMLDivElement>>;
+export interface SegmentedControlItemProps extends SegmentedControlPrimitive.ItemProps {
+}
+export declare const SegmentedControlItem: ForwardRefExoticComponent<SegmentedControlItemProps & RefAttributes<HTMLLabelElement>>;
+export interface SegmentedControlItemHiddenInputProps extends SegmentedControlPrimitive.ItemHiddenInputProps {
+}
+export declare const SegmentedControlItemHiddenInput: ForwardRefExoticComponent<SegmentedControlPrimitive.ItemHiddenInputProps & RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAKrG,MAAM,WAAW,yBACf,SAAQ,4BAA4B,EAClC,yBAAyB,CAAC,SAAS;CAAG;AAE1C,eAAO,MAAM,oBAAoB,sHAGhC,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,yBAAyB,2HAGT,CAAC;AAE9B,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB,CAAC,SAAS;CAAG;AAEzF,eAAO,MAAM,oBAAoB,wHAGhC,CAAC;AAEF,MAAM,WAAW,oCACf,SAAQ,yBAAyB,CAAC,oBAAoB;CAAG;AAE3D,eAAO,MAAM,+BAA+B,6IAA4C,CAAC"}

package/lib/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,19 @@
+'use client';
+import { segmentedControl } from '@seed-design/css/recipes/segmented-control';
+import { Primitive } from '@seed-design/react-primitive';
+import { SegmentedControl } from '@seed-design/react-segmented-control';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { withProvider, withContext } = createSlotRecipeContext(segmentedControl);
+const SegmentedControlRoot = withProvider(
+  SegmentedControl.Root,
+  "root"
+);
+const SegmentedControlIndicator = withContext(Primitive.div, "indicator");
+const SegmentedControlItem = withContext(
+  SegmentedControl.Item,
+  "item"
+);
+const SegmentedControlItemHiddenInput = SegmentedControl.ItemHiddenInput;
+
+export { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot };

package/lib/components/SegmentedControl/SegmentedControl.namespace.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const SegmentedControl = require('./SegmentedControl.cjs');
+
+
+
+exports.Indicator = SegmentedControl.SegmentedControlIndicator;
+exports.Item = SegmentedControl.SegmentedControlItem;
+exports.ItemHiddenInput = SegmentedControl.SegmentedControlItemHiddenInput;
+exports.Root = SegmentedControl.SegmentedControlRoot;

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

@@ -0,0 +1,2 @@
+export { SegmentedControlIndicator as Indicator, SegmentedControlRoot as Root, SegmentedControlItem as Item, SegmentedControlItemHiddenInput as ItemHiddenInput, type SegmentedControlIndicatorProps as IndicatorProps, type SegmentedControlRootProps as RootProps, type SegmentedControlItemProps as ItemProps, type SegmentedControlItemHiddenInputProps as ItemHiddenInputProps, } from './SegmentedControl';
+//# sourceMappingURL=SegmentedControl.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,IAAI,SAAS,EACtC,oBAAoB,IAAI,IAAI,EAC5B,oBAAoB,IAAI,IAAI,EAC5B,+BAA+B,IAAI,eAAe,EAClD,KAAK,8BAA8B,IAAI,cAAc,EACrD,KAAK,yBAAyB,IAAI,SAAS,EAC3C,KAAK,yBAAyB,IAAI,SAAS,EAC3C,KAAK,oCAAoC,IAAI,oBAAoB,GAClE,MAAM,oBAAoB,CAAC"}

package/lib/components/SegmentedControl/SegmentedControl.namespace.js

@@ -0,0 +1 @@
+export { SegmentedControlIndicator as Indicator, SegmentedControlItem as Item, SegmentedControlItemHiddenInput as ItemHiddenInput, SegmentedControlRoot as Root } from './SegmentedControl.js';

package/lib/components/SegmentedControl/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const SegmentedControl = require('./SegmentedControl.cjs');
+const SegmentedControl_namespace = require('./SegmentedControl.namespace.cjs');
+
+
+
+exports.SegmentedControlIndicator = SegmentedControl.SegmentedControlIndicator;
+exports.SegmentedControlItem = SegmentedControl.SegmentedControlItem;
+exports.SegmentedControlItemHiddenInput = SegmentedControl.SegmentedControlItemHiddenInput;
+exports.SegmentedControlRoot = SegmentedControl.SegmentedControlRoot;
+exports.SegmentedControl = SegmentedControl_namespace;

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

@@ -0,0 +1,3 @@
+export { SegmentedControlIndicator, SegmentedControlRoot, SegmentedControlItem, SegmentedControlItemHiddenInput, type SegmentedControlIndicatorProps, type SegmentedControlRootProps, type SegmentedControlItemProps, type SegmentedControlItemHiddenInputProps, } from './SegmentedControl';
+export * as SegmentedControl from './SegmentedControl.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,oBAAoB,EACpB,+BAA+B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,oCAAoC,GAC1C,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC"}

package/lib/components/SegmentedControl/index.js

@@ -0,0 +1,3 @@
+export { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot } from './SegmentedControl.js';
+import * as SegmentedControl_namespace from './SegmentedControl.namespace.js';
+export { SegmentedControl_namespace as SegmentedControl };