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

package/lib/components/Snackbar/useSnackbarAdapter.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactSnackbar = require('@seed-design/react-snackbar');
+const React = require('react');
+
+function useSnackbarAdapter() {
+  const api = reactSnackbar.useSnackbarContext();
+  const adapter = React.useMemo(
+    () => ({
+      visible: api.visible,
+      create: (options) => {
+        return api.create({
+          timeout: options.timeout ?? 5e3,
+          removeDelay: options.removeDelay ?? 200,
+          onClose: options.onClose,
+          render: options.render
+        });
+      },
+      dismiss: api.dismiss
+    }),
+    [api]
+  );
+  return adapter;
+}
+
+exports.useSnackbarAdapter = useSnackbarAdapter;

package/lib/components/Snackbar/useSnackbarAdapter.d.ts

@@ -1,4 +1,4 @@
-import { type CreateSnackbarOptions } from "@seed-design/react-snackbar";
+import { CreateSnackbarOptions } from '@seed-design/react-snackbar';
 export type UseSnackbarAdapterReturn = ReturnType<typeof useSnackbarAdapter>;
 /**
  * wraps the snackbar context to provide a more user-friendly API

package/lib/components/Snackbar/useSnackbarAdapter.js

@@ -0,0 +1,24 @@
+import { useSnackbarContext } from '@seed-design/react-snackbar';
+import { useMemo } from 'react';
+
+function useSnackbarAdapter() {
+  const api = useSnackbarContext();
+  const adapter = useMemo(
+    () => ({
+      visible: api.visible,
+      create: (options) => {
+        return api.create({
+          timeout: options.timeout ?? 5e3,
+          removeDelay: options.removeDelay ?? 200,
+          onClose: options.onClose,
+          render: options.render
+        });
+      },
+      dismiss: api.dismiss
+    }),
+    [api]
+  );
+  return adapter;
+}
+
+export { useSnackbarAdapter };

package/lib/components/Stack/Stack.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Box = require('../Box/Box.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 Stack = React__namespace.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, display: "flex", flexDirection: "column", ...props });
+});
+
+exports.Stack = Stack;

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

@@ -1,5 +1,5 @@
+import { BoxProps } from '../Box/Box';
 import * as React from "react";
-import { type BoxProps } from "../Box/Box";
 export interface StackProps extends Omit<BoxProps, "display" | "direction"> {
 }
 export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Stack/Stack.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+
+const Stack = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(Box, { ref, display: "flex", flexDirection: "column", ...props });
+});
+
+export { Stack };

package/lib/components/Stack/index.cjs

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

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

@@ -1,2 +1,2 @@
-export { Stack, type StackProps } from "./Stack";
+export { Stack, type StackProps } from './Stack';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Stack/index.js

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

package/lib/components/Switch/Switch.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactSwitch = require('@seed-design/react-switch');
+const _switch = require('@seed-design/css/recipes/switch');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+
+const { withProvider, withContext } = createStyleContext.createStyleContext(_switch.switchStyle);
+const withStateProps = createWithStateProps.createWithStateProps([reactSwitch.useSwitchContext]);
+const SwitchRoot = withProvider(
+  reactSwitch.Switch.Root,
+  "root"
+);
+const SwitchControl = withContext(
+  reactSwitch.Switch.Control,
+  "control"
+);
+const SwitchThumb = withContext(
+  reactSwitch.Switch.Thumb,
+  "thumb"
+);
+const SwitchLabel = withContext(
+  withStateProps(reactPrimitive.Primitive.span),
+  "label"
+);
+const SwitchHiddenInput = reactSwitch.Switch.HiddenInput;
+
+exports.SwitchControl = SwitchControl;
+exports.SwitchHiddenInput = SwitchHiddenInput;
+exports.SwitchLabel = SwitchLabel;
+exports.SwitchRoot = SwitchRoot;
+exports.SwitchThumb = SwitchThumb;

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

@@ -1,19 +1,20 @@
-import { Switch as SwitchPrimitive } from "@seed-design/react-switch";
-import { type SwitchVariantProps } from "@seed-design/css/recipes/switch";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
+import { Switch as SwitchPrimitive } from '@seed-design/react-switch';
+import { SwitchVariantProps } from '@seed-design/css/recipes/switch';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface SwitchRootProps extends SwitchVariantProps, SwitchPrimitive.RootProps {
 }
-export declare const SwitchRoot: import("react").ForwardRefExoticComponent<SwitchRootProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const SwitchRoot: ForwardRefExoticComponent<SwitchRootProps & RefAttributes<HTMLLabelElement>>;
 export interface SwitchControlProps extends SwitchPrimitive.ControlProps {
 }
-export declare const SwitchControl: import("react").ForwardRefExoticComponent<SwitchControlProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SwitchControl: ForwardRefExoticComponent<SwitchControlProps & RefAttributes<HTMLDivElement>>;
 export interface SwitchThumbProps extends SwitchPrimitive.ThumbProps {
 }
-export declare const SwitchThumb: import("react").ForwardRefExoticComponent<SwitchThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SwitchThumb: ForwardRefExoticComponent<SwitchThumbProps & RefAttributes<HTMLDivElement>>;
 export interface SwitchLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
 }
-export declare const SwitchLabel: import("react").ForwardRefExoticComponent<SwitchLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SwitchLabel: ForwardRefExoticComponent<SwitchLabelProps & RefAttributes<HTMLSpanElement>>;
 export interface SwitchHiddenInputProps extends SwitchPrimitive.HiddenInputProps {
 }
-export declare const SwitchHiddenInput: import("react").ForwardRefExoticComponent<SwitchPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const SwitchHiddenInput: ForwardRefExoticComponent<SwitchPrimitive.HiddenInputProps & RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAEvF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAQ9E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;CAAG;AAEzF,eAAO,MAAM,UAAU,8GAGtB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,6GAGvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElG,eAAO,MAAM,WAAW,8GAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,+HAA8B,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAEvF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAQ9E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;CAAG;AAEzF,eAAO,MAAM,UAAU,8GAGtB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,6GAGvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElG,eAAO,MAAM,WAAW,8GAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,+HAA8B,CAAC"}

package/lib/components/Switch/Switch.js

@@ -0,0 +1,27 @@
+import { Switch, useSwitchContext } from '@seed-design/react-switch';
+import { switchStyle } from '@seed-design/css/recipes/switch';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { Primitive } from '@seed-design/react-primitive';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+
+const { withProvider, withContext } = createStyleContext(switchStyle);
+const withStateProps = createWithStateProps([useSwitchContext]);
+const SwitchRoot = withProvider(
+  Switch.Root,
+  "root"
+);
+const SwitchControl = withContext(
+  Switch.Control,
+  "control"
+);
+const SwitchThumb = withContext(
+  Switch.Thumb,
+  "thumb"
+);
+const SwitchLabel = withContext(
+  withStateProps(Primitive.span),
+  "label"
+);
+const SwitchHiddenInput = Switch.HiddenInput;
+
+export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb };

package/lib/components/Switch/Switch.namespace.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Switch = require('./Switch.cjs');
+
+
+
+exports.Control = Switch.SwitchControl;
+exports.HiddenInput = Switch.SwitchHiddenInput;
+exports.Label = Switch.SwitchLabel;
+exports.Root = Switch.SwitchRoot;
+exports.Thumb = Switch.SwitchThumb;

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

@@ -1,2 +1,2 @@
-export { SwitchControl as Control, SwitchHiddenInput as HiddenInput, SwitchLabel as Label, SwitchRoot as Root, SwitchThumb as Thumb, type SwitchControlProps as ControlProps, type SwitchHiddenInputProps as HiddenInputProps, type SwitchLabelProps as LabelProps, type SwitchRootProps as RootProps, type SwitchThumbProps as ThumbProps, } from "./Switch";
+export { SwitchControl as Control, SwitchHiddenInput as HiddenInput, SwitchLabel as Label, SwitchRoot as Root, SwitchThumb as Thumb, type SwitchControlProps as ControlProps, type SwitchHiddenInputProps as HiddenInputProps, type SwitchLabelProps as LabelProps, type SwitchRootProps as RootProps, type SwitchThumbProps as ThumbProps, } from './Switch';
 //# sourceMappingURL=Switch.namespace.d.ts.map

package/lib/components/Switch/Switch.namespace.js

@@ -0,0 +1 @@
+export { SwitchControl as Control, SwitchHiddenInput as HiddenInput, SwitchLabel as Label, SwitchRoot as Root, SwitchThumb as Thumb } from './Switch.js';

package/lib/components/Switch/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Switch = require('./Switch.cjs');
+const Switch_namespace = require('./Switch.namespace.cjs');
+
+
+
+exports.SwitchControl = Switch.SwitchControl;
+exports.SwitchHiddenInput = Switch.SwitchHiddenInput;
+exports.SwitchLabel = Switch.SwitchLabel;
+exports.SwitchRoot = Switch.SwitchRoot;
+exports.SwitchThumb = Switch.SwitchThumb;
+exports.Switch = Switch_namespace;

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

@@ -1,3 +1,3 @@
-export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb, type SwitchControlProps, type SwitchHiddenInputProps, type SwitchLabelProps, type SwitchRootProps, type SwitchThumbProps, } from "./Switch";
-export * as Switch from "./Switch.namespace";
+export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb, type SwitchControlProps, type SwitchHiddenInputProps, type SwitchLabelProps, type SwitchRootProps, type SwitchThumbProps, } from './Switch';
+export * as Switch from './Switch.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Switch/index.js

@@ -0,0 +1,3 @@
+export { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb } from './Switch.js';
+import * as Switch_namespace from './Switch.namespace.js';
+export { Switch_namespace as Switch };

package/lib/components/Tabs/Tabs.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const reactTabs = require('@seed-design/react-tabs');
+const tabs = require('@seed-design/css/recipes/tabs');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+
+const { withProvider, withContext } = createStyleContext.createStyleContext(tabs.tabs);
+const withStateProps = createWithStateProps.createWithStateProps([reactTabs.useTabsContext, reactTabs.useTabsTriggerContext], {
+  strict: false
+});
+const TabsRoot = withProvider(reactTabs.Tabs.Root, "root");
+const TabsList = withContext(reactTabs.Tabs.List, "list");
+const TabsTrigger = withContext(
+  reactTabs.Tabs.Trigger,
+  "trigger"
+);
+const TabsTriggerNotification = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "triggerNotification"
+);
+const TabsIndicator = withContext(
+  reactTabs.Tabs.Indicator,
+  "indicator"
+);
+const TabsContent = withContext(
+  reactTabs.Tabs.Content,
+  "content"
+);
+const TabsCarousel = withContext(
+  reactTabs.Tabs.Carousel,
+  "carousel"
+);
+const TabsCarouselCamera = withContext(
+  reactTabs.Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
+exports.TabsCarousel = TabsCarousel;
+exports.TabsCarouselCamera = TabsCarouselCamera;
+exports.TabsContent = TabsContent;
+exports.TabsIndicator = TabsIndicator;
+exports.TabsList = TabsList;
+exports.TabsRoot = TabsRoot;
+exports.TabsTrigger = TabsTrigger;
+exports.TabsTriggerNotification = TabsTriggerNotification;

package/lib/components/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { Tabs as TabsPrimitive } from "@seed-design/react-tabs";
-import { type TabsVariantProps } from "@seed-design/css/recipes/tabs";
-import type React from "react";
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { Tabs as TabsPrimitive } from '@seed-design/react-tabs';
+import { TabsVariantProps } from '@seed-design/css/recipes/tabs';
+import { default as React } from 'react';
 export interface TabsRootProps extends TabsVariantProps, TabsPrimitive.RootProps {
 }
 export declare const TabsRoot: React.ForwardRefExoticComponent<TabsRootProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Tabs/Tabs.js

@@ -0,0 +1,38 @@
+import { Primitive } from '@seed-design/react-primitive';
+import { Tabs, useTabsContext, useTabsTriggerContext } from '@seed-design/react-tabs';
+import { tabs } from '@seed-design/css/recipes/tabs';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+
+const { withProvider, withContext } = createStyleContext(tabs);
+const withStateProps = createWithStateProps([useTabsContext, useTabsTriggerContext], {
+  strict: false
+});
+const TabsRoot = withProvider(Tabs.Root, "root");
+const TabsList = withContext(Tabs.List, "list");
+const TabsTrigger = withContext(
+  Tabs.Trigger,
+  "trigger"
+);
+const TabsTriggerNotification = withContext(
+  withStateProps(Primitive.div),
+  "triggerNotification"
+);
+const TabsIndicator = withContext(
+  Tabs.Indicator,
+  "indicator"
+);
+const TabsContent = withContext(
+  Tabs.Content,
+  "content"
+);
+const TabsCarousel = withContext(
+  Tabs.Carousel,
+  "carousel"
+);
+const TabsCarouselCamera = withContext(
+  Tabs.CarouselCamera,
+  "carouselCamera"
+);
+
+export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TabsTriggerNotification };

package/lib/components/Tabs/Tabs.namespace.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Tabs = require('./Tabs.cjs');
+
+
+
+exports.Carousel = Tabs.TabsCarousel;
+exports.CarouselCamera = Tabs.TabsCarouselCamera;
+exports.Content = Tabs.TabsContent;
+exports.Indicator = Tabs.TabsIndicator;
+exports.List = Tabs.TabsList;
+exports.Root = Tabs.TabsRoot;
+exports.Trigger = Tabs.TabsTrigger;
+exports.TriggerNotification = Tabs.TabsTriggerNotification;

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

@@ -1,2 +1,2 @@
-export { TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsCarouselCamera as CarouselCamera, TabsCarousel as Carousel, TabsTrigger as Trigger, TabsTriggerNotification as TriggerNotification, type TabsContentProps as ContentProps, type TabsIndicatorProps as IndicatorProps, type TabsListProps as ListProps, type TabsRootProps as RootProps, type TabsCarouselCameraProps as CarouselCameraProps, type TabsCarouselProps as CarouselProps, type TabsTriggerNotificationProps as TriggerNotificationProps, type TabsTriggerProps as TriggerProps, } from "./Tabs";
+export { TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsCarouselCamera as CarouselCamera, TabsCarousel as Carousel, TabsTrigger as Trigger, TabsTriggerNotification as TriggerNotification, type TabsContentProps as ContentProps, type TabsIndicatorProps as IndicatorProps, type TabsListProps as ListProps, type TabsRootProps as RootProps, type TabsCarouselCameraProps as CarouselCameraProps, type TabsCarouselProps as CarouselProps, type TabsTriggerNotificationProps as TriggerNotificationProps, type TabsTriggerProps as TriggerProps, } from './Tabs';
 //# sourceMappingURL=Tabs.namespace.d.ts.map

package/lib/components/Tabs/Tabs.namespace.js

@@ -0,0 +1 @@
+export { TabsCarousel as Carousel, TabsCarouselCamera as CarouselCamera, TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsTrigger as Trigger, TabsTriggerNotification as TriggerNotification } from './Tabs.js';

package/lib/components/Tabs/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Tabs = require('./Tabs.cjs');
+const Tabs_namespace = require('./Tabs.namespace.cjs');
+
+
+
+exports.TabsCarousel = Tabs.TabsCarousel;
+exports.TabsCarouselCamera = Tabs.TabsCarouselCamera;
+exports.TabsContent = Tabs.TabsContent;
+exports.TabsIndicator = Tabs.TabsIndicator;
+exports.TabsList = Tabs.TabsList;
+exports.TabsRoot = Tabs.TabsRoot;
+exports.TabsTrigger = Tabs.TabsTrigger;
+exports.TabsTriggerNotification = Tabs.TabsTriggerNotification;
+exports.Tabs = Tabs_namespace;

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

@@ -1,3 +1,3 @@
-export { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsCarouselCamera, TabsCarousel, TabsTrigger, TabsTriggerNotification, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootProps, type TabsCarouselCameraProps, type TabsCarouselProps, type TabsTriggerNotificationProps, type TabsTriggerProps, } from "./Tabs";
-export * as Tabs from "./Tabs.namespace";
+export { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsCarouselCamera, TabsCarousel, TabsTrigger, TabsTriggerNotification, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootProps, type TabsCarouselCameraProps, type TabsCarouselProps, type TabsTriggerNotificationProps, type TabsTriggerProps, } from './Tabs';
+export * as Tabs from './Tabs.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Tabs/index.js

@@ -0,0 +1,3 @@
+export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TabsTriggerNotification } from './Tabs.js';
+import * as Tabs_namespace from './Tabs.namespace.js';
+export { Tabs_namespace as Tabs };

package/lib/components/Text/Text.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const text = require('@seed-design/css/recipes/text');
+const vars = require('@seed-design/css/vars');
+const clsx = require('clsx');
+const React = require('react');
+
+function handleColor(color) {
+  if (!color) {
+    return void 0;
+  }
+  const [type, value] = color.split(".");
+  return vars.vars.$color[type][value] ?? void 0;
+}
+function handleFontWeight(fontWeight) {
+  if (!fontWeight) {
+    return void 0;
+  }
+  return vars.vars.$fontWeight[fontWeight] ?? void 0;
+}
+function handleFontSize(size) {
+  if (!size) {
+    return void 0;
+  }
+  return vars.vars.$fontSize[size] ?? size;
+}
+function handleLineHeight(lineHeight) {
+  if (!lineHeight) {
+    return void 0;
+  }
+  return vars.vars.$lineHeight[lineHeight] ?? lineHeight;
+}
+function mapMaxLines(maxLines) {
+  if (maxLines === void 0) {
+    return "none";
+  }
+  if (maxLines === 1) {
+    return "single";
+  }
+  return "multi";
+}
+const Text = ({
+  as,
+  color,
+  textStyle,
+  fontSize,
+  lineHeight,
+  fontWeight,
+  maxLines,
+  children,
+  className,
+  style,
+  ...otherProps
+}) => {
+  const Comp = as || "span";
+  const classNames = React.useMemo(
+    () => text.text({
+      textStyle,
+      maxLines: mapMaxLines(maxLines)
+    }),
+    [textStyle, maxLines]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      className: clsx(classNames.root, className),
+      style: {
+        "--seed-max-lines": maxLines,
+        "--seed-text-color": handleColor(color),
+        "--seed-font-size": handleFontSize(fontSize),
+        "--seed-line-height": handleLineHeight(lineHeight ?? fontSize),
+        "--seed-font-weight": handleFontWeight(fontWeight),
+        "--seed-text-align": otherProps.align,
+        ...style
+      },
+      ...otherProps,
+      children
+    }
+  );
+};
+
+exports.Text = Text;

package/lib/components/Text/Text.d.ts

@@ -1,5 +1,5 @@
-import { type TextVariantProps } from "@seed-design/css/recipes/text";
-import { type ColorFg, type ColorPalette, type FontSize, type FontWeight, type LineHeight } from "@seed-design/css/vars";
+import { TextVariantProps } from '@seed-design/css/recipes/text';
+import { ColorFg, ColorPalette, FontSize, FontWeight, LineHeight } from '@seed-design/css/vars';
 import type * as React from "react";
 export interface TextProps extends Omit<TextVariantProps, "maxLines">, React.HTMLAttributes<HTMLSpanElement> {
     /**

package/lib/components/Text/Text.js

@@ -0,0 +1,81 @@
+import { jsx } from 'react/jsx-runtime';
+import { text } from '@seed-design/css/recipes/text';
+import { vars } from '@seed-design/css/vars';
+import clsx from 'clsx';
+import { useMemo } from 'react';
+
+function handleColor(color) {
+  if (!color) {
+    return void 0;
+  }
+  const [type, value] = color.split(".");
+  return vars.$color[type][value] ?? void 0;
+}
+function handleFontWeight(fontWeight) {
+  if (!fontWeight) {
+    return void 0;
+  }
+  return vars.$fontWeight[fontWeight] ?? void 0;
+}
+function handleFontSize(size) {
+  if (!size) {
+    return void 0;
+  }
+  return vars.$fontSize[size] ?? size;
+}
+function handleLineHeight(lineHeight) {
+  if (!lineHeight) {
+    return void 0;
+  }
+  return vars.$lineHeight[lineHeight] ?? lineHeight;
+}
+function mapMaxLines(maxLines) {
+  if (maxLines === void 0) {
+    return "none";
+  }
+  if (maxLines === 1) {
+    return "single";
+  }
+  return "multi";
+}
+const Text = ({
+  as,
+  color,
+  textStyle,
+  fontSize,
+  lineHeight,
+  fontWeight,
+  maxLines,
+  children,
+  className,
+  style,
+  ...otherProps
+}) => {
+  const Comp = as || "span";
+  const classNames = useMemo(
+    () => text({
+      textStyle,
+      maxLines: mapMaxLines(maxLines)
+    }),
+    [textStyle, maxLines]
+  );
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: clsx(classNames.root, className),
+      style: {
+        "--seed-max-lines": maxLines,
+        "--seed-text-color": handleColor(color),
+        "--seed-font-size": handleFontSize(fontSize),
+        "--seed-line-height": handleLineHeight(lineHeight ?? fontSize),
+        "--seed-font-weight": handleFontWeight(fontWeight),
+        "--seed-text-align": otherProps.align,
+        ...style
+      },
+      ...otherProps,
+      children
+    }
+  );
+};
+
+export { Text };

package/lib/components/Text/index.cjs

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

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

@@ -1,2 +1,2 @@
-export * from "./Text";
+export * from './Text';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/lib/components/Text/index.js

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