@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/InlineBanner/InlineBanner.js

@@ -0,0 +1,33 @@
+'use client';
+import { inlineBanner } from '@seed-design/css/recipes/inline-banner';
+import { Primitive } from '@seed-design/react-primitive';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { DismissibleCloseButton, DismissibleRoot } from '../private/useDismissible.js';
+
+const { withContext, withProvider } = createSlotRecipeContext(inlineBanner);
+const InlineBannerRoot = withProvider(
+  DismissibleRoot,
+  "root"
+);
+const InlineBannerContent = withContext(
+  Primitive.div,
+  "content"
+);
+const InlineBannerTitle = withContext(
+  Primitive.span,
+  "title"
+);
+const InlineBannerDescription = withContext(
+  Primitive.span,
+  "description"
+);
+const InlineBannerLink = withContext(
+  Primitive.button,
+  "link"
+);
+const InlineBannerCloseButton = withContext(
+  DismissibleCloseButton,
+  "closeButton"
+);
+
+export { InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle };

package/lib/components/InlineBanner/InlineBanner.namespace.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const InlineBanner = require('./InlineBanner.cjs');
+
+
+
+exports.CloseButton = InlineBanner.InlineBannerCloseButton;
+exports.Content = InlineBanner.InlineBannerContent;
+exports.Description = InlineBanner.InlineBannerDescription;
+exports.Link = InlineBanner.InlineBannerLink;
+exports.Root = InlineBanner.InlineBannerRoot;
+exports.Title = InlineBanner.InlineBannerTitle;

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

@@ -0,0 +1,2 @@
+export { InlineBannerCloseButton as CloseButton, InlineBannerContent as Content, InlineBannerDescription as Description, InlineBannerLink as Link, InlineBannerRoot as Root, InlineBannerTitle as Title, type InlineBannerCloseButtonProps as CloseButtonProps, type InlineBannerContentProps as ContentProps, type InlineBannerDescriptionProps as DescriptionProps, type InlineBannerLinkProps as LinkProps, type InlineBannerRootProps as RootProps, type InlineBannerTitleProps as TitleProps, } from './InlineBanner';
+//# sourceMappingURL=InlineBanner.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineBanner.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/InlineBanner/InlineBanner.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,IAAI,WAAW,EACtC,mBAAmB,IAAI,OAAO,EAC9B,uBAAuB,IAAI,WAAW,EACtC,gBAAgB,IAAI,IAAI,EACxB,gBAAgB,IAAI,IAAI,EACxB,iBAAiB,IAAI,KAAK,EAC1B,KAAK,4BAA4B,IAAI,gBAAgB,EACrD,KAAK,wBAAwB,IAAI,YAAY,EAC7C,KAAK,4BAA4B,IAAI,gBAAgB,EACrD,KAAK,qBAAqB,IAAI,SAAS,EACvC,KAAK,qBAAqB,IAAI,SAAS,EACvC,KAAK,sBAAsB,IAAI,UAAU,GAC1C,MAAM,gBAAgB,CAAC"}

package/lib/components/InlineBanner/InlineBanner.namespace.js

@@ -0,0 +1 @@
+export { InlineBannerCloseButton as CloseButton, InlineBannerContent as Content, InlineBannerDescription as Description, InlineBannerLink as Link, InlineBannerRoot as Root, InlineBannerTitle as Title } from './InlineBanner.js';

package/lib/components/InlineBanner/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const InlineBanner = require('./InlineBanner.cjs');
+const InlineBanner_namespace = require('./InlineBanner.namespace.cjs');
+
+
+
+exports.InlineBannerCloseButton = InlineBanner.InlineBannerCloseButton;
+exports.InlineBannerContent = InlineBanner.InlineBannerContent;
+exports.InlineBannerDescription = InlineBanner.InlineBannerDescription;
+exports.InlineBannerLink = InlineBanner.InlineBannerLink;
+exports.InlineBannerRoot = InlineBanner.InlineBannerRoot;
+exports.InlineBannerTitle = InlineBanner.InlineBannerTitle;
+exports.InlineBanner = InlineBanner_namespace;

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

@@ -0,0 +1,3 @@
+export { InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle, type InlineBannerCloseButtonProps, type InlineBannerContentProps, type InlineBannerDescriptionProps, type InlineBannerLinkProps, type InlineBannerRootProps, type InlineBannerTitleProps, } from './InlineBanner';
+export * as InlineBanner from './InlineBanner.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InlineBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,EAC7B,KAAK,4BAA4B,EACjC,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,YAAY,MAAM,0BAA0B,CAAC"}

package/lib/components/InlineBanner/index.js

@@ -0,0 +1,3 @@
+export { InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle } from './InlineBanner.js';
+import * as InlineBanner_namespace from './InlineBanner.namespace.js';
+export { InlineBanner_namespace as InlineBanner };

package/lib/components/LinkContent/LinkContent.cjs

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const linkContent = require('@seed-design/css/recipes/link-content');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const styled = require('../../utils/styled.cjs');
+
+const { withContext } = createRecipeContext.createRecipeContext(linkContent.linkContent);
+const LinkContent = withContext(
+  styled.withStyleProps(reactPrimitive.Primitive.span)
+);
+
+exports.LinkContent = LinkContent;

package/lib/components/LinkContent/LinkContent.d.ts

@@ -0,0 +1,14 @@
+import { LinkContentVariantProps } from '@seed-design/css/recipes/link-content';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { StyleProps } from '../../utils/styled';
+import type * as React from "react";
+/**
+ * @deprecated Use `ActionButton` with variant="ghost" instead.
+ */
+export interface LinkContentProps extends LinkContentVariantProps, PrimitiveProps, Pick<StyleProps, "color">, Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {
+}
+/**
+ * @deprecated Use `ActionButton` with variant="ghost" instead.
+ */
+export declare const LinkContent: React.ForwardRefExoticComponent<LinkContentProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=LinkContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkContent.d.ts","sourceRoot":"","sources":["../../../src/components/LinkContent/LinkContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrE;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,uBAAuB,EAC7B,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EACzB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;CAAG;AAE3D;;GAEG;AACH,eAAO,MAAM,WAAW,4FAEvB,CAAC"}

package/lib/components/LinkContent/LinkContent.js

@@ -0,0 +1,12 @@
+'use client';
+import { linkContent } from '@seed-design/css/recipes/link-content';
+import { Primitive } from '@seed-design/react-primitive';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { withStyleProps } from '../../utils/styled.js';
+
+const { withContext } = createRecipeContext(linkContent);
+const LinkContent = withContext(
+  withStyleProps(Primitive.span)
+);
+
+export { LinkContent };

package/lib/components/LinkContent/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinkContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC"}

package/lib/components/LinkContent/index.js

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

package/lib/components/List/List.cjs

@@ -0,0 +1,71 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const listItem = require('@seed-design/css/recipes/list-item');
+const reactPrimitive = require('@seed-design/react-primitive');
+const React = require('react');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const styled = require('../../utils/styled.cjs');
+const Stack = require('../Stack/Stack.cjs');
+const reactCheckbox = require('@seed-design/react-checkbox');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const reactRadioGroup = require('@seed-design/react-radio-group');
+const reactSwitch = require('@seed-design/react-switch');
+
+const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(listItem.listItem);
+const withStateProps = createWithStateProps.createWithStateProps([
+  { useContext: reactCheckbox.useCheckboxContext, strict: false },
+  { useContext: reactRadioGroup.useRadioGroupItemContext, strict: false },
+  { useContext: reactSwitch.useSwitchContext, strict: false }
+]);
+const ListRoot = React.forwardRef(
+  ({ as = "ul", style, itemBorderRadius, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Stack.VStack,
+      {
+        as,
+        ref,
+        style: {
+          ...style,
+          "--list-item-border-radius": styled.handleRadius(itemBorderRadius)
+        },
+        ...props
+      }
+    );
+  }
+);
+const ListItem = withProvider(
+  withStateProps(styled.withStyleProps(reactPrimitive.Primitive.li)),
+  "root"
+);
+const ListContent = withContext(
+  withStateProps(styled.withStyleProps(reactPrimitive.Primitive.div)),
+  "content"
+);
+const ListPrefix = withContext(
+  withStateProps(styled.withStyleProps(reactPrimitive.Primitive.div)),
+  "prefix"
+);
+const ListSuffix = withContext(
+  withStateProps(styled.withStyleProps(reactPrimitive.Primitive.div)),
+  "suffix"
+);
+const ListTitle = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "title"
+);
+const ListDetail = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "detail"
+);
+
+exports.ListContent = ListContent;
+exports.ListDetail = ListDetail;
+exports.ListItem = ListItem;
+exports.ListPrefix = ListPrefix;
+exports.ListRoot = ListRoot;
+exports.ListSuffix = ListSuffix;
+exports.ListTitle = ListTitle;

package/lib/components/List/List.d.ts

@@ -0,0 +1,28 @@
+import { ListItemVariantProps } from '@seed-design/css/recipes/list-item';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { StyleProps } from '../../utils/styled';
+import { VStackProps } from '../Stack';
+import type * as React from "react";
+export interface ListRootProps extends VStackProps {
+    itemBorderRadius?: StyleProps["borderRadius"];
+}
+export declare const ListRoot: React.ForwardRefExoticComponent<ListRootProps & React.RefAttributes<HTMLUListElement>>;
+export interface ListItemProps extends PrimitiveProps, Pick<StyleProps, "alignItems">, React.HTMLAttributes<HTMLLIElement>, ListItemVariantProps {
+}
+export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
+export interface ListContentProps extends PrimitiveProps, Pick<StyleProps, "gap" | "pr" | "paddingRight">, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ListContent: React.ForwardRefExoticComponent<ListContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListPrefixProps extends PrimitiveProps, Pick<StyleProps, "pr" | "paddingRight">, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ListPrefix: React.ForwardRefExoticComponent<ListPrefixProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListSuffixProps extends PrimitiveProps, Pick<StyleProps, "gap" | "position">, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ListSuffix: React.ForwardRefExoticComponent<ListSuffixProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ListTitle: React.ForwardRefExoticComponent<ListTitleProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListDetailProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const ListDetail: React.ForwardRefExoticComponent<ListDetailProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAapD,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,gBAAgB,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,QAAQ,wFAgBpB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,oBAAoB;CAAG;AAE3B,eAAO,MAAM,QAAQ,qFAGpB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,GAAG,cAAc,CAAC,EAC/C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,CAAC,EACvC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,UAAU,CAAC,EACpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/F,eAAO,MAAM,SAAS,uFAGrB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhG,eAAO,MAAM,UAAU,wFAGtB,CAAC"}

package/lib/components/List/List.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { listItem } from '@seed-design/css/recipes/list-item';
+import { Primitive } from '@seed-design/react-primitive';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { withStyleProps, handleRadius } from '../../utils/styled.js';
+import { VStack } from '../Stack/Stack.js';
+import { useCheckboxContext } from '@seed-design/react-checkbox';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import { useRadioGroupItemContext } from '@seed-design/react-radio-group';
+import { useSwitchContext } from '@seed-design/react-switch';
+
+const { withContext, withProvider } = createSlotRecipeContext(listItem);
+const withStateProps = createWithStateProps([
+  { useContext: useCheckboxContext, strict: false },
+  { useContext: useRadioGroupItemContext, strict: false },
+  { useContext: useSwitchContext, strict: false }
+]);
+const ListRoot = forwardRef(
+  ({ as = "ul", style, itemBorderRadius, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      VStack,
+      {
+        as,
+        ref,
+        style: {
+          ...style,
+          "--list-item-border-radius": handleRadius(itemBorderRadius)
+        },
+        ...props
+      }
+    );
+  }
+);
+const ListItem = withProvider(
+  withStateProps(withStyleProps(Primitive.li)),
+  "root"
+);
+const ListContent = withContext(
+  withStateProps(withStyleProps(Primitive.div)),
+  "content"
+);
+const ListPrefix = withContext(
+  withStateProps(withStyleProps(Primitive.div)),
+  "prefix"
+);
+const ListSuffix = withContext(
+  withStateProps(withStyleProps(Primitive.div)),
+  "suffix"
+);
+const ListTitle = withContext(
+  withStateProps(Primitive.div),
+  "title"
+);
+const ListDetail = withContext(
+  withStateProps(Primitive.div),
+  "detail"
+);
+
+export { ListContent, ListDetail, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle };

package/lib/components/List/List.namespace.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const List = require('./List.cjs');
+
+
+
+exports.Content = List.ListContent;
+exports.Detail = List.ListDetail;
+exports.Item = List.ListItem;
+exports.Prefix = List.ListPrefix;
+exports.Root = List.ListRoot;
+exports.Suffix = List.ListSuffix;
+exports.Title = List.ListTitle;

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

@@ -0,0 +1,2 @@
+export { ListContent as Content, ListDetail as Detail, ListItem as Item, ListPrefix as Prefix, ListRoot as Root, ListSuffix as Suffix, ListTitle as Title, type ListContentProps as ContentProps, type ListDetailProps as DetailProps, type ListItemProps as ItemProps, type ListPrefixProps as PrefixProps, type ListRootProps as RootProps, type ListSuffixProps as SuffixProps, type ListTitleProps as TitleProps, } from './List';
+//# sourceMappingURL=List.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,UAAU,IAAI,MAAM,EACpB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,SAAS,IAAI,KAAK,EAClB,KAAK,gBAAgB,IAAI,YAAY,EACrC,KAAK,eAAe,IAAI,WAAW,EACnC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,eAAe,IAAI,WAAW,EACnC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,eAAe,IAAI,WAAW,EACnC,KAAK,cAAc,IAAI,UAAU,GAClC,MAAM,QAAQ,CAAC"}

package/lib/components/List/List.namespace.js

@@ -0,0 +1 @@
+export { ListContent as Content, ListDetail as Detail, ListItem as Item, ListPrefix as Prefix, ListRoot as Root, ListSuffix as Suffix, ListTitle as Title } from './List.js';

package/lib/components/List/ListHeader.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const listHeader = require('@seed-design/css/recipes/list-header');
+const React = require('react');
+const clsx = require('clsx');
+
+const ListHeader = React.forwardRef(
+  ({ as: Comp = "div", ...props }, ref) => {
+    const [variantProps, otherProps] = listHeader.listHeader.splitVariantProps(props);
+    const className = listHeader.listHeader(variantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, ...otherProps, className: clsx(className, props.className) });
+  }
+);
+ListHeader.displayName = "ListHeader";
+
+exports.ListHeader = ListHeader;

package/lib/components/List/ListHeader.d.ts

@@ -0,0 +1,11 @@
+import { ListHeaderVariantProps } from '@seed-design/css/recipes/list-header';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ListHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement>, ListHeaderVariantProps {
+    /**
+     * @default "div"
+     */
+    as?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+export declare const ListHeader: ForwardRefExoticComponent<ListHeaderProps & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ListHeader.d.ts.map

package/lib/components/List/ListHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/List/ListHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAG/F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,sBAAsB;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,UAAU,4GAOtB,CAAC"}

package/lib/components/List/ListHeader.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { listHeader } from '@seed-design/css/recipes/list-header';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+
+const ListHeader = forwardRef(
+  ({ as: Comp = "div", ...props }, ref) => {
+    const [variantProps, otherProps] = listHeader.splitVariantProps(props);
+    const className = listHeader(variantProps);
+    return /* @__PURE__ */ jsx(Comp, { ref, ...otherProps, className: clsx(className, props.className) });
+  }
+);
+ListHeader.displayName = "ListHeader";
+
+export { ListHeader };

package/lib/components/List/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const List = require('./List.cjs');
+const ListHeader = require('./ListHeader.cjs');
+const List_namespace = require('./List.namespace.cjs');
+
+
+
+exports.ListContent = List.ListContent;
+exports.ListDetail = List.ListDetail;
+exports.ListItem = List.ListItem;
+exports.ListPrefix = List.ListPrefix;
+exports.ListRoot = List.ListRoot;
+exports.ListSuffix = List.ListSuffix;
+exports.ListTitle = List.ListTitle;
+exports.ListHeader = ListHeader.ListHeader;
+exports.List = List_namespace;

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

@@ -0,0 +1,4 @@
+export { ListContent, ListDetail, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle, type ListContentProps, type ListDetailProps, type ListItemProps, type ListPrefixProps, type ListRootProps, type ListSuffixProps, type ListTitleProps, } from './List';
+export { ListHeader, type ListHeaderProps } from './ListHeader';
+export * as List from './List.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}

package/lib/components/List/index.js

@@ -0,0 +1,4 @@
+export { ListContent, ListDetail, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle } from './List.js';
+export { ListHeader } from './ListHeader.js';
+import * as List_namespace from './List.namespace.js';
+export { List_namespace as List };

package/lib/components/LoadingIndicator/LoadingIndicator.cjs

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domUtils = require('@seed-design/dom-utils');
+const reactPrimitive = require('@seed-design/react-primitive');
+const React = require('react');
+const usePendingButton = require('./usePendingButton.cjs');
+
+const LoadingIndicator = React.forwardRef((props, ref) => {
+  const { indicator, children, ...otherProps } = props;
+  const { stateProps } = usePendingButton.usePendingButtonContext();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactPrimitive.Primitive.span,
+      {
+        ref,
+        ...domUtils.mergeProps(stateProps, { className: "seed-loading-indicator" }, otherProps),
+        children: indicator
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { style: { opacity: 0, display: "inherit", gap: "inherit" }, children })
+  ] });
+});
+
+exports.LoadingIndicator = LoadingIndicator;

package/lib/components/LoadingIndicator/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface LoadingIndicatorProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {
+    indicator: React.ReactNode;
+}
+export declare const LoadingIndicator: ForwardRefExoticComponent<LoadingIndicatorProps & RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=LoadingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC5D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,mHAgB3B,CAAC"}

package/lib/components/LoadingIndicator/LoadingIndicator.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@seed-design/dom-utils';
+import { Primitive } from '@seed-design/react-primitive';
+import { forwardRef } from 'react';
+import { usePendingButtonContext } from './usePendingButton.js';
+
+const LoadingIndicator = forwardRef((props, ref) => {
+  const { indicator, children, ...otherProps } = props;
+  const { stateProps } = usePendingButtonContext();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Primitive.span,
+      {
+        ref,
+        ...mergeProps(stateProps, { className: "seed-loading-indicator" }, otherProps),
+        children: indicator
+      }
+    ),
+    /* @__PURE__ */ jsx(Primitive.span, { style: { opacity: 0, display: "inherit", gap: "inherit" }, children })
+  ] });
+});
+
+export { LoadingIndicator };

package/lib/components/LoadingIndicator/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC"}

package/lib/components/LoadingIndicator/index.js

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

package/lib/components/LoadingIndicator/usePendingButton.cjs

@@ -0,0 +1,52 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domUtils = require('@seed-design/dom-utils');
+const React = require('react');
+
+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);
+
+function usePendingButton(props) {
+  const { loading, disabled } = props;
+  const stateProps = domUtils.elementProps({
+    "data-loading": loading ? "" : void 0,
+    "data-disabled": disabled ? "" : void 0
+  });
+  return {
+    loading,
+    disabled,
+    stateProps
+  };
+}
+const PendingButtonContext = React__namespace.createContext(null);
+const PendingButtonProvider = PendingButtonContext.Provider;
+const usePendingButtonContext = () => {
+  const context = React__namespace.useContext(PendingButtonContext);
+  if (context === null) {
+    throw new Error("usePendingButtonContext should be used within UsePendingButtonProvider");
+  }
+  return context;
+};
+
+exports.PendingButtonProvider = PendingButtonProvider;
+exports.usePendingButton = usePendingButton;
+exports.usePendingButtonContext = usePendingButtonContext;