@seed-design/react 0.0.0-alpha-20260324091316

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,40 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tabs = require('@seed-design/css/recipes/tabs');
+const reactTabs = require('@seed-design/react-tabs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(tabs.tabs);
+const TabsRoot = withProvider(reactTabs.Tabs.Root, "root");
+const TabsList = withContext(reactTabs.Tabs.List, "list");
+const TabsTrigger = withContext(
+  reactTabs.Tabs.Trigger,
+  "trigger"
+);
+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;

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

@@ -0,0 +1,25 @@
+import { TabsVariantProps } from '@seed-design/css/recipes/tabs';
+import { Tabs as TabsPrimitive } from '@seed-design/react-tabs';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TabsRootProps extends TabsVariantProps, TabsPrimitive.RootProps {
+}
+export declare const TabsRoot: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;
+export interface TabsListProps extends TabsPrimitive.ListProps {
+}
+export declare const TabsList: ForwardRefExoticComponent<TabsListProps & RefAttributes<HTMLDivElement>>;
+export interface TabsTriggerProps extends TabsPrimitive.TriggerProps {
+}
+export declare const TabsTrigger: ForwardRefExoticComponent<TabsTriggerProps & RefAttributes<HTMLButtonElement>>;
+export interface TabsIndicatorProps extends TabsPrimitive.IndicatorProps {
+}
+export declare const TabsIndicator: ForwardRefExoticComponent<TabsIndicatorProps & RefAttributes<HTMLSpanElement>>;
+export interface TabsContentProps extends TabsPrimitive.ContentProps {
+}
+export declare const TabsContent: ForwardRefExoticComponent<TabsContentProps & RefAttributes<HTMLSpanElement>>;
+export interface TabsCarouselProps extends TabsPrimitive.CarouselProps {
+}
+export declare const TabsCarousel: ForwardRefExoticComponent<TabsCarouselProps & RefAttributes<HTMLDivElement>>;
+export interface TabsCarouselCameraProps extends TabsPrimitive.CarouselCameraProps {
+}
+export declare const TabsCarouselCamera: ForwardRefExoticComponent<TabsCarouselCameraProps & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOhE,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,aAAa,CAAC,SAAS;CAAG;AAEnF,eAAO,MAAM,QAAQ,0GAA0E,CAAC;AAIhG,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS;CAAG;AAEjE,eAAO,MAAM,QAAQ,0GAAyE,CAAC;AAI/F,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,gHAGvB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,cAAc;CAAG;AAE3E,eAAO,MAAM,aAAa,gHAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,8GAGvB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAErF,eAAO,MAAM,kBAAkB,oHAG9B,CAAC"}

package/lib/components/Tabs/Tabs.js

@@ -0,0 +1,30 @@
+'use client';
+import { tabs } from '@seed-design/css/recipes/tabs';
+import { Tabs } from '@seed-design/react-tabs';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { withProvider, withContext } = createSlotRecipeContext(tabs);
+const TabsRoot = withProvider(Tabs.Root, "root");
+const TabsList = withContext(Tabs.List, "list");
+const TabsTrigger = withContext(
+  Tabs.Trigger,
+  "trigger"
+);
+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 };

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Tabs = require('./Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
+
+
+
+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;
+Object.defineProperty(exports, "carouselPreventDrag", {
+  enumerable: true,
+  get: () => reactTabs.tabsCarouselPreventDrag
+});

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

@@ -0,0 +1,3 @@
+export { TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsCarouselCamera as CarouselCamera, TabsCarousel as Carousel, TabsTrigger as Trigger, 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 TabsTriggerProps as TriggerProps, } from './Tabs';
+export { tabsCarouselPreventDrag as carouselPreventDrag } from '@seed-design/react-tabs';
+//# sourceMappingURL=Tabs.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,aAAa,IAAI,SAAS,EAC1B,QAAQ,IAAI,IAAI,EAChB,QAAQ,IAAI,IAAI,EAChB,kBAAkB,IAAI,cAAc,EACpC,YAAY,IAAI,QAAQ,EACxB,WAAW,IAAI,OAAO,EACtB,KAAK,gBAAgB,IAAI,YAAY,EACrC,KAAK,kBAAkB,IAAI,cAAc,EACzC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,uBAAuB,IAAI,mBAAmB,EACnD,KAAK,iBAAiB,IAAI,aAAa,EACvC,KAAK,gBAAgB,IAAI,YAAY,GACtC,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,uBAAuB,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { TabsCarousel as Carousel, TabsCarouselCamera as CarouselCamera, TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsTrigger as Trigger } from './Tabs.js';
+export { tabsCarouselPreventDrag as carouselPreventDrag } from '@seed-design/react-tabs';

package/lib/components/Tabs/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Tabs = require('./Tabs.cjs');
+const reactTabs = require('@seed-design/react-tabs');
+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;
+Object.defineProperty(exports, "tabsCarouselPreventDrag", {
+  enumerable: true,
+  get: () => reactTabs.tabsCarouselPreventDrag
+});
+exports.Tabs = Tabs_namespace;

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

@@ -0,0 +1,4 @@
+export { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsCarouselCamera, TabsCarousel, TabsTrigger, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootProps, type TabsCarouselCameraProps, type TabsCarouselProps, type TabsTriggerProps, } from './Tabs';
+export { tabsCarouselPreventDrag } from '@seed-design/react-tabs';
+export * as Tabs from './Tabs.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}

package/lib/components/Tabs/index.js

@@ -0,0 +1,4 @@
+export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from './Tabs.js';
+export { tabsCarouselPreventDrag } from '@seed-design/react-tabs';
+import * as Tabs_namespace from './Tabs.namespace.js';
+export { Tabs_namespace as Tabs };

package/lib/components/TagGroup/TagGroup.cjs

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactPrimitive = require('@seed-design/react-primitive');
+const tagGroup = require('@seed-design/css/recipes/tag-group');
+const tagGroupItem = require('@seed-design/css/recipes/tag-group-item');
+const React = require('react');
+const clsx = require('clsx');
+const splitMultipleVariantsProps = require('../../utils/splitMultipleVariantsProps.cjs');
+const styled = require('../../utils/styled.cjs');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+
+const { PropsProvider, useProps, withContext, ClassNamesProvider } = createSlotRecipeContext.createSlotRecipeContext(tagGroupItem.tagGroupItem);
+const TagGroupRoot = React.forwardRef(
+  ({ className, children, separator = " · ", ...props }, ref) => {
+    const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(props, { tagGroup: tagGroup.tagGroup, tagGroupItem: tagGroupItem.tagGroupItem });
+    const classNames = tagGroup.tagGroup(tagGroupVariantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: React.Children.toArray(children).filter(Boolean).map((child, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: those fragments won't change order
+      /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
+        child
+      ] }, index)
+    )) }) });
+  }
+);
+const TagGroupItem = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const parentVariantProps = useProps();
+    const [variantProps, otherProps] = tagGroupItem.tagGroupItem.splitVariantProps(props);
+    const classNames = tagGroupItem.tagGroupItem({ ...parentVariantProps, ...variantProps });
+    const { style, restProps } = styled.useStyleProps(otherProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactPrimitive.Primitive.span,
+      {
+        ref,
+        style,
+        className: clsx(classNames.root, className),
+        ...restProps
+      }
+    ) });
+  }
+);
+const TagGroupItemLabel = withContext(
+  reactPrimitive.Primitive.span,
+  "label"
+);
+
+exports.TagGroupItem = TagGroupItem;
+exports.TagGroupItemLabel = TagGroupItemLabel;
+exports.TagGroupRoot = TagGroupRoot;

package/lib/components/TagGroup/TagGroup.d.ts

@@ -0,0 +1,16 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { TagGroupVariantProps } from '@seed-design/css/recipes/tag-group';
+import { TagGroupItemVariantProps } from '@seed-design/css/recipes/tag-group-item';
+import { StyleProps } from '../../utils/styled';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface TagGroupRootProps extends TagGroupVariantProps, TagGroupItemVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+    separator?: React.ReactNode;
+}
+export declare const TagGroupRoot: ForwardRefExoticComponent<TagGroupRootProps & RefAttributes<HTMLSpanElement>>;
+export interface TagGroupItemProps extends TagGroupItemVariantProps, Pick<StyleProps, "flexShrink">, PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const TagGroupItem: ForwardRefExoticComponent<TagGroupItemProps & RefAttributes<HTMLSpanElement>>;
+export interface TagGroupItemLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const TagGroupItemLabel: ForwardRefExoticComponent<TagGroupItemLabelProps & RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=TagGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,yCAAyC,CAAC;AAIjD,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMpE,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,wBAAwB,EACxB,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,+GA6BxB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,YAAY,+GAoBxB,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,iBAAiB,oHAG7B,CAAC"}

package/lib/components/TagGroup/TagGroup.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Primitive } from '@seed-design/react-primitive';
+import { tagGroup } from '@seed-design/css/recipes/tag-group';
+import { tagGroupItem } from '@seed-design/css/recipes/tag-group-item';
+import { forwardRef, Children, Fragment } from 'react';
+import clsx from 'clsx';
+import { splitMultipleVariantsProps } from '../../utils/splitMultipleVariantsProps.js';
+import { useStyleProps } from '../../utils/styled.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { PropsProvider, useProps, withContext, ClassNamesProvider } = createSlotRecipeContext(tagGroupItem);
+const TagGroupRoot = forwardRef(
+  ({ className, children, separator = " · ", ...props }, ref) => {
+    const [{ tagGroup: tagGroupVariantProps, tagGroupItem: tagGroupItemVariantProps }, otherProps] = splitMultipleVariantsProps(props, { tagGroup, tagGroupItem });
+    const classNames = tagGroup(tagGroupVariantProps);
+    return /* @__PURE__ */ jsx(PropsProvider, { value: tagGroupItemVariantProps, children: /* @__PURE__ */ jsx(Primitive.span, { ref, className: clsx(classNames.root, className), ...otherProps, children: Children.toArray(children).filter(Boolean).map((child, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: those fragments won't change order
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, className: classNames.separator, children: separator }),
+        child
+      ] }, index)
+    )) }) });
+  }
+);
+const TagGroupItem = forwardRef(
+  ({ className, ...props }, ref) => {
+    const parentVariantProps = useProps();
+    const [variantProps, otherProps] = tagGroupItem.splitVariantProps(props);
+    const classNames = tagGroupItem({ ...parentVariantProps, ...variantProps });
+    const { style, restProps } = useStyleProps(otherProps);
+    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
+      Primitive.span,
+      {
+        ref,
+        style,
+        className: clsx(classNames.root, className),
+        ...restProps
+      }
+    ) });
+  }
+);
+const TagGroupItemLabel = withContext(
+  Primitive.span,
+  "label"
+);
+
+export { TagGroupItem, TagGroupItemLabel, TagGroupRoot };

package/lib/components/TagGroup/TagGroup.namespace.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const TagGroup = require('./TagGroup.cjs');
+
+
+
+exports.Item = TagGroup.TagGroupItem;
+exports.ItemLabel = TagGroup.TagGroupItemLabel;
+exports.Root = TagGroup.TagGroupRoot;

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

@@ -0,0 +1,2 @@
+export { TagGroupRoot as Root, TagGroupItem as Item, TagGroupItemLabel as ItemLabel, type TagGroupRootProps as RootProps, type TagGroupItemProps as ItemProps, type TagGroupItemLabelProps as ItemLabelProps, } from './TagGroup';
+//# sourceMappingURL=TagGroup.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,IAAI,EACpB,YAAY,IAAI,IAAI,EACpB,iBAAiB,IAAI,SAAS,EAC9B,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,sBAAsB,IAAI,cAAc,GAC9C,MAAM,YAAY,CAAC"}

package/lib/components/TagGroup/TagGroup.namespace.js

@@ -0,0 +1 @@
+export { TagGroupItem as Item, TagGroupItemLabel as ItemLabel, TagGroupRoot as Root } from './TagGroup.js';

package/lib/components/TagGroup/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const TagGroup = require('./TagGroup.cjs');
+const TagGroup_namespace = require('./TagGroup.namespace.cjs');
+
+
+
+exports.TagGroupItem = TagGroup.TagGroupItem;
+exports.TagGroupItemLabel = TagGroup.TagGroupItemLabel;
+exports.TagGroupRoot = TagGroup.TagGroupRoot;
+exports.TagGroup = TagGroup_namespace;

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

@@ -0,0 +1,3 @@
+export { TagGroupRoot, TagGroupItem, TagGroupItemLabel, type TagGroupRootProps, type TagGroupItemProps, type TagGroupItemLabelProps, } from './TagGroup';
+export * as TagGroup from './TagGroup.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,GAC5B,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}

package/lib/components/TagGroup/index.js

@@ -0,0 +1,3 @@
+export { TagGroupItem, TagGroupItemLabel, TagGroupRoot } from './TagGroup.js';
+import * as TagGroup_namespace from './TagGroup.namespace.js';
+export { TagGroup_namespace as TagGroup };

package/lib/components/Text/Text.cjs

@@ -0,0 +1,97 @@
+'use client';
+'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] ?? color;
+}
+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 = React.forwardRef(
+  ({
+    as,
+    color,
+    textStyle,
+    fontSize,
+    lineHeight,
+    fontWeight,
+    maxLines,
+    textDecorationLine,
+    align,
+    userSelect,
+    whiteSpace,
+    children,
+    className,
+    style,
+    ...otherProps
+  }, ref) => {
+    const Comp = as || "span";
+    const textClassName = React.useMemo(
+      () => text.text({
+        textStyle,
+        textDecorationLine,
+        maxLines: mapMaxLines(maxLines)
+      }),
+      [textStyle, textDecorationLine, maxLines]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref,
+        className: clsx(textClassName, 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": align,
+          "--seed-user-select": userSelect,
+          "--seed-white-space": whiteSpace,
+          ...style
+        },
+        ...otherProps,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+exports.Text = Text;

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

@@ -0,0 +1,45 @@
+import { TextVariantProps } from '@seed-design/css/recipes/text';
+import { FontSize, FontWeight, LineHeight, ScopedColorFg, ScopedColorPalette } from '@seed-design/css/vars';
+import type * as React from "react";
+import type * as CSS from "csstype";
+export interface TextProps extends Omit<TextVariantProps, "maxLines">, React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The element to render as
+     * @default "span"
+     */
+    as?: "dt" | "dd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "strong" | "legend";
+    /**
+     * The color of the text.
+     */
+    color?: ScopedColorFg | ScopedColorPalette | (string & {});
+    /**
+     * The font size of the text. Partially overrides the textStyle.
+     */
+    fontSize?: FontSize | (string & {});
+    /**
+     * The line height of the text. Partially overrides the textStyle.
+     */
+    lineHeight?: LineHeight | (string & {});
+    /**
+     * The font weight of the text. Partially overrides the textStyle.
+     */
+    fontWeight?: FontWeight;
+    /**
+     * The maximum number of lines to display. If the text overflows, it will be truncated.
+     */
+    maxLines?: number;
+    /**
+     * The alignment of the text.
+     */
+    align?: Extract<CSS.Property.TextAlign, "left" | "center" | "right">;
+    /**
+     * The user-select behavior of the text.
+     */
+    userSelect?: Extract<CSS.Property.UserSelect, "none" | "text" | "auto">;
+    /**
+     * The white-space behavior of the text.
+     */
+    whiteSpace?: Extract<CSS.Property.WhiteSpace, "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces">;
+}
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAC;AAmCpC,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC;;;OAGG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAEhG;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE3D;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEpC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;IAErE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;IAExE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAClB,GAAG,CAAC,QAAQ,CAAC,UAAU,EACvB,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,CACvE,CAAC;CACH;AAYD,eAAO,MAAM,IAAI,mFAwDhB,CAAC"}

package/lib/components/Text/Text.js

@@ -0,0 +1,93 @@
+'use client';
+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 { forwardRef, useMemo } from 'react';
+
+function handleColor(color) {
+  if (!color) {
+    return void 0;
+  }
+  const [type, value] = color.split(".");
+  return vars.$color[type]?.[value] ?? color;
+}
+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 = forwardRef(
+  ({
+    as,
+    color,
+    textStyle,
+    fontSize,
+    lineHeight,
+    fontWeight,
+    maxLines,
+    textDecorationLine,
+    align,
+    userSelect,
+    whiteSpace,
+    children,
+    className,
+    style,
+    ...otherProps
+  }, ref) => {
+    const Comp = as || "span";
+    const textClassName = useMemo(
+      () => text({
+        textStyle,
+        textDecorationLine,
+        maxLines: mapMaxLines(maxLines)
+      }),
+      [textStyle, textDecorationLine, maxLines]
+    );
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: clsx(textClassName, 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": align,
+          "--seed-user-select": userSelect,
+          "--seed-white-space": whiteSpace,
+          ...style
+        },
+        ...otherProps,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+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

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

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

@@ -0,0 +1 @@
+{"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';