@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/HelpBubble/HelpBubble.js

@@ -0,0 +1,87 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Popover, usePopoverContext } from '@seed-design/react-popover';
+import { Primitive } from '@seed-design/react-primitive';
+import { helpBubble } from '@seed-design/css/recipes/help-bubble';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import { withStyleProps } from '../../utils/styled.js';
+import { composeRefs } from '@radix-ui/react-compose-refs';
+import clsx from 'clsx';
+
+const { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(helpBubble);
+const withStateProps = createWithStateProps([usePopoverContext]);
+const HelpBubbleRoot = withRootProvider(Popover.Root, {
+  defaultProps: {
+    placement: "top",
+    gutter: 4,
+    // TODO: get value from rootage spec
+    overflowPadding: 16,
+    arrowPadding: 14
+  }
+});
+const HelpBubbleAnchor = Popover.Anchor;
+const HelpBubbleTrigger = Popover.Trigger;
+const HelpBubblePositioner = withContext(
+  Popover.Positioner,
+  "positioner"
+);
+const HelpBubblePositionerPortal = withContext(Popover.PositionerPortal, "positioner");
+const HelpBubbleContent = withContext(
+  withStyleProps(withStateProps(Primitive.div)),
+  "content"
+);
+const HelpBubbleArrow = withContext(
+  Popover.Arrow,
+  "arrow"
+);
+const HelpBubbleArrowTip = forwardRef(
+  (props, ref) => {
+    const {
+      tipRadius = 2,
+      // TODO: get value from rootage spec
+      className,
+      ...otherProps
+    } = props;
+    const api = usePopoverContext();
+    const classNames = useClassNames();
+    const width = api.rects.arrowTip?.width || 0;
+    const height = api.rects.arrowTip?.height || 0;
+    const pathData = `M0,0
+      H${width}
+      L${width / 2 + tipRadius},${height - tipRadius}
+      Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
+      Z`;
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        viewBox: `0 0 ${width} ${height}`,
+        ref: composeRefs(api.refs.arrowTip, ref),
+        className: clsx(classNames.arrowTip, className),
+        ...otherProps,
+        children: /* @__PURE__ */ jsx("path", { stroke: "none", d: pathData })
+      }
+    );
+  }
+);
+HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
+const HelpBubbleCloseButton = withContext(
+  Popover.CloseButton,
+  "closeButton"
+);
+const HelpBubbleBody = withContext(
+  withStateProps(Primitive.div),
+  "body"
+);
+const HelpBubbleTitle = withContext(
+  withStateProps(Primitive.span),
+  "title"
+);
+const HelpBubbleDescription = withContext(
+  withStateProps(Primitive.div),
+  "description"
+);
+
+export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger };

package/lib/components/HelpBubble/HelpBubble.namespace.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const HelpBubble = require('./HelpBubble.cjs');
+
+
+
+exports.Anchor = HelpBubble.HelpBubbleAnchor;
+exports.Arrow = HelpBubble.HelpBubbleArrow;
+exports.ArrowTip = HelpBubble.HelpBubbleArrowTip;
+exports.Body = HelpBubble.HelpBubbleBody;
+exports.CloseButton = HelpBubble.HelpBubbleCloseButton;
+exports.Content = HelpBubble.HelpBubbleContent;
+exports.Description = HelpBubble.HelpBubbleDescription;
+exports.Positioner = HelpBubble.HelpBubblePositioner;
+exports.PositionerPortal = HelpBubble.HelpBubblePositionerPortal;
+exports.Root = HelpBubble.HelpBubbleRoot;
+exports.Title = HelpBubble.HelpBubbleTitle;
+exports.Trigger = HelpBubble.HelpBubbleTrigger;

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

@@ -0,0 +1,2 @@
+export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip, HelpBubbleBody as Body, HelpBubbleCloseButton as CloseButton, HelpBubbleContent as Content, HelpBubbleDescription as Description, HelpBubblePositioner as Positioner, HelpBubblePositionerPortal as PositionerPortal, HelpBubbleRoot as Root, HelpBubbleTitle as Title, HelpBubbleTrigger as Trigger, type HelpBubbleAnchorProps as AnchorProps, type HelpBubbleArrowProps as ArrowProps, type HelpBubbleArrowTipProps as ArrowTipProps, type HelpBubbleBodyProps as BodyProps, type HelpBubbleCloseButtonProps as CloseButtonProps, type HelpBubbleContentProps as ContentProps, type HelpBubbleDescriptionProps as DescriptionProps, type HelpBubblePositionerProps as PositionerProps, type HelpBubblePositionerPortalProps as PositionerPortalProps, type HelpBubbleRootProps as RootProps, type HelpBubbleTitleProps as TitleProps, type HelpBubbleTriggerProps as TriggerProps, } from './HelpBubble';
+//# sourceMappingURL=HelpBubble.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBubble.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,MAAM,EAC1B,eAAe,IAAI,KAAK,EACxB,kBAAkB,IAAI,QAAQ,EAC9B,cAAc,IAAI,IAAI,EACtB,qBAAqB,IAAI,WAAW,EACpC,iBAAiB,IAAI,OAAO,EAC5B,qBAAqB,IAAI,WAAW,EACpC,oBAAoB,IAAI,UAAU,EAClC,0BAA0B,IAAI,gBAAgB,EAC9C,cAAc,IAAI,IAAI,EACtB,eAAe,IAAI,KAAK,EACxB,iBAAiB,IAAI,OAAO,EAC5B,KAAK,qBAAqB,IAAI,WAAW,EACzC,KAAK,oBAAoB,IAAI,UAAU,EACvC,KAAK,uBAAuB,IAAI,aAAa,EAC7C,KAAK,mBAAmB,IAAI,SAAS,EACrC,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,sBAAsB,IAAI,YAAY,EAC3C,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,yBAAyB,IAAI,eAAe,EACjD,KAAK,+BAA+B,IAAI,qBAAqB,EAC7D,KAAK,mBAAmB,IAAI,SAAS,EACrC,KAAK,oBAAoB,IAAI,UAAU,EACvC,KAAK,sBAAsB,IAAI,YAAY,GAC5C,MAAM,cAAc,CAAC"}

package/lib/components/HelpBubble/HelpBubble.namespace.js

@@ -0,0 +1 @@
+export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip, HelpBubbleBody as Body, HelpBubbleCloseButton as CloseButton, HelpBubbleContent as Content, HelpBubbleDescription as Description, HelpBubblePositioner as Positioner, HelpBubblePositionerPortal as PositionerPortal, HelpBubbleRoot as Root, HelpBubbleTitle as Title, HelpBubbleTrigger as Trigger } from './HelpBubble.js';

package/lib/components/HelpBubble/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const HelpBubble = require('./HelpBubble.cjs');
+const HelpBubble_namespace = require('./HelpBubble.namespace.cjs');
+
+
+
+exports.HelpBubbleAnchor = HelpBubble.HelpBubbleAnchor;
+exports.HelpBubbleArrow = HelpBubble.HelpBubbleArrow;
+exports.HelpBubbleArrowTip = HelpBubble.HelpBubbleArrowTip;
+exports.HelpBubbleBody = HelpBubble.HelpBubbleBody;
+exports.HelpBubbleCloseButton = HelpBubble.HelpBubbleCloseButton;
+exports.HelpBubbleContent = HelpBubble.HelpBubbleContent;
+exports.HelpBubbleDescription = HelpBubble.HelpBubbleDescription;
+exports.HelpBubblePositioner = HelpBubble.HelpBubblePositioner;
+exports.HelpBubblePositionerPortal = HelpBubble.HelpBubblePositionerPortal;
+exports.HelpBubbleRoot = HelpBubble.HelpBubbleRoot;
+exports.HelpBubbleTitle = HelpBubble.HelpBubbleTitle;
+exports.HelpBubbleTrigger = HelpBubble.HelpBubbleTrigger;
+exports.HelpBubble = HelpBubble_namespace;

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

@@ -0,0 +1,3 @@
+export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger, type HelpBubbleAnchorProps, type HelpBubbleArrowProps, type HelpBubbleArrowTipProps, type HelpBubbleBodyProps, type HelpBubbleCloseButtonProps, type HelpBubbleContentProps, type HelpBubbleDescriptionProps, type HelpBubblePositionerProps, type HelpBubblePositionerPortalProps, type HelpBubbleRootProps, type HelpBubbleTitleProps, type HelpBubbleTriggerProps, } from './HelpBubble';
+export * as HelpBubble from './HelpBubble.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,0BAA0B,EAC1B,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAC3B,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,KAAK,+BAA+B,EACpC,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC"}

package/lib/components/HelpBubble/index.js

@@ -0,0 +1,3 @@
+export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from './HelpBubble.js';
+import * as HelpBubble_namespace from './HelpBubble.namespace.js';
+export { HelpBubble_namespace as HelpBubble };

package/lib/components/Icon/Icon.cjs

@@ -0,0 +1,128 @@
+'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 reactUseLayoutEffect = require('@radix-ui/react-use-layout-effect');
+const React = require('react');
+const styled = require('../../utils/styled.cjs');
+
+const PrefixIcon = React.forwardRef(
+  ({ svg, ...otherProps }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactSlot.Slot,
+      {
+        ref,
+        "aria-hidden": true,
+        className: "seed-prefix-icon",
+        ...otherProps,
+        children: svg
+      }
+    );
+  }
+);
+const SuffixIcon = React.forwardRef(
+  ({ svg, ...otherProps }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactSlot.Slot,
+      {
+        ref,
+        "aria-hidden": true,
+        className: "seed-suffix-icon",
+        ...otherProps,
+        children: svg
+      }
+    );
+  }
+);
+const IconContext = React.createContext(null);
+const IconRequired = ({
+  children,
+  enabled
+}) => {
+  const registeredRef = React.useRef(false);
+  const parentContext = React.useContext(IconContext);
+  const register = React.useCallback(() => {
+    if (process.env.NODE_ENV !== "production") {
+      if (registeredRef.current) {
+        throw new Error(
+          "Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />."
+        );
+      }
+    }
+    registeredRef.current = true;
+  }, []);
+  const unregister = React.useCallback(() => {
+    registeredRef.current = false;
+  }, []);
+  reactUseLayoutEffect.useLayoutEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    if (process.env.NODE_ENV !== "production") {
+      if (parentContext) {
+        throw new Error(
+          "Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only."
+        );
+      }
+      if (!registeredRef.current) {
+        throw new Error(
+          "Icon-only Component must render <Icon /> as a child. Check if you are using raw svg icon instead of <Icon svg={} />."
+        );
+      }
+    }
+  }, [parentContext, enabled]);
+  const providerValue = React.useMemo(() => {
+    if (!enabled) {
+      if (parentContext) {
+        return parentContext;
+      }
+      return null;
+    }
+    return { register, unregister };
+  }, [enabled, parentContext, register, unregister]);
+  return /* @__PURE__ */ jsxRuntime.jsx(IconContext.Provider, { value: providerValue, children });
+};
+const Icon = React.forwardRef(
+  ({ svg, size, color, ...otherProps }, ref) => {
+    const context = React.useContext(IconContext);
+    reactUseLayoutEffect.useLayoutEffect(() => {
+      context?.register();
+      return () => {
+        context?.unregister();
+      };
+    }, [context]);
+    const sizeValue = styled.handleDimension(size);
+    const colorValue = styled.handleColor(color);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactSlot.Slot,
+      {
+        ref,
+        "aria-hidden": true,
+        className: "seed-icon",
+        style: {
+          "--seed-icon-size": sizeValue,
+          "--seed-icon-color": colorValue
+        },
+        ...otherProps,
+        children: svg
+      }
+    );
+  }
+);
+function withIconRequired(Component, enabledPredicate) {
+  const Node = React.forwardRef((props, ref) => {
+    const enabled = enabledPredicate(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(IconRequired, { enabled, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props }) });
+  });
+  Node.displayName = Component.displayName || Component.name;
+  return Node;
+}
+
+exports.Icon = Icon;
+exports.IconRequired = IconRequired;
+exports.PrefixIcon = PrefixIcon;
+exports.SuffixIcon = SuffixIcon;
+exports.withIconRequired = withIconRequired;

package/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,23 @@
+import { UnwrapResponsive } from '../../types/responsive';
+import { StyleProps } from '../../utils/styled';
+import { ForwardRefExoticComponent, RefAttributes, PropsWithoutRef } from 'react';
+export interface PrefixIconProps {
+    svg: React.ReactNode;
+}
+export declare const PrefixIcon: ForwardRefExoticComponent<PrefixIconProps & RefAttributes<SVGSVGElement>>;
+export interface SuffixIconProps {
+    svg: React.ReactNode;
+}
+export declare const SuffixIcon: ForwardRefExoticComponent<SuffixIconProps & RefAttributes<SVGSVGElement>>;
+export declare const IconRequired: ({ children, enabled, }: {
+    children: React.ReactNode;
+    enabled: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface IconProps {
+    svg: React.ReactNode;
+    size?: UnwrapResponsive<StyleProps["height"]>;
+    color?: StyleProps["color"];
+}
+export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+export declare function withIconRequired<P extends {}, R>(Component: React.ComponentType<P & React.RefAttributes<R>>, enabledPredicate: (props: React.PropsWithoutRef<P>) => boolean): ForwardRefExoticComponent< PropsWithoutRef<P> & RefAttributes<R>>;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,wBAG1B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,4CAsDA,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9C,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,qGA+BhB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,EAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC1D,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,OAAO,oHAe/D"}

package/lib/components/Icon/Icon.js

@@ -0,0 +1,120 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { useLayoutEffect } from '@radix-ui/react-use-layout-effect';
+import { forwardRef, useContext, createContext, useRef, useCallback, useMemo } from 'react';
+import { handleDimension, handleColor } from '../../utils/styled.js';
+
+const PrefixIcon = forwardRef(
+  ({ svg, ...otherProps }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ref,
+        "aria-hidden": true,
+        className: "seed-prefix-icon",
+        ...otherProps,
+        children: svg
+      }
+    );
+  }
+);
+const SuffixIcon = forwardRef(
+  ({ svg, ...otherProps }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ref,
+        "aria-hidden": true,
+        className: "seed-suffix-icon",
+        ...otherProps,
+        children: svg
+      }
+    );
+  }
+);
+const IconContext = createContext(null);
+const IconRequired = ({
+  children,
+  enabled
+}) => {
+  const registeredRef = useRef(false);
+  const parentContext = useContext(IconContext);
+  const register = useCallback(() => {
+    if (process.env.NODE_ENV !== "production") {
+      if (registeredRef.current) {
+        throw new Error(
+          "Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />."
+        );
+      }
+    }
+    registeredRef.current = true;
+  }, []);
+  const unregister = useCallback(() => {
+    registeredRef.current = false;
+  }, []);
+  useLayoutEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    if (process.env.NODE_ENV !== "production") {
+      if (parentContext) {
+        throw new Error(
+          "Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only."
+        );
+      }
+      if (!registeredRef.current) {
+        throw new Error(
+          "Icon-only Component must render <Icon /> as a child. Check if you are using raw svg icon instead of <Icon svg={} />."
+        );
+      }
+    }
+  }, [parentContext, enabled]);
+  const providerValue = useMemo(() => {
+    if (!enabled) {
+      if (parentContext) {
+        return parentContext;
+      }
+      return null;
+    }
+    return { register, unregister };
+  }, [enabled, parentContext, register, unregister]);
+  return /* @__PURE__ */ jsx(IconContext.Provider, { value: providerValue, children });
+};
+const Icon = forwardRef(
+  ({ svg, size, color, ...otherProps }, ref) => {
+    const context = useContext(IconContext);
+    useLayoutEffect(() => {
+      context?.register();
+      return () => {
+        context?.unregister();
+      };
+    }, [context]);
+    const sizeValue = handleDimension(size);
+    const colorValue = handleColor(color);
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ref,
+        "aria-hidden": true,
+        className: "seed-icon",
+        style: {
+          "--seed-icon-size": sizeValue,
+          "--seed-icon-color": colorValue
+        },
+        ...otherProps,
+        children: svg
+      }
+    );
+  }
+);
+function withIconRequired(Component, enabledPredicate) {
+  const Node = forwardRef((props, ref) => {
+    const enabled = enabledPredicate(props);
+    return /* @__PURE__ */ jsx(IconRequired, { enabled, children: /* @__PURE__ */ jsx(Component, { ref, ...props }) });
+  });
+  Node.displayName = Component.displayName || Component.name;
+  return Node;
+}
+
+export { Icon, IconRequired, PrefixIcon, SuffixIcon, withIconRequired };

package/lib/components/Icon/index.cjs

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

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

@@ -0,0 +1,2 @@
+export { Icon, PrefixIcon, SuffixIcon, type IconProps, type PrefixIconProps, type SuffixIconProps, } from './Icon';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}

package/lib/components/Icon/index.js

@@ -0,0 +1 @@
+export { Icon, PrefixIcon, SuffixIcon } from './Icon.js';

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.cjs

@@ -0,0 +1,77 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const identityPlaceholder = require('@seed-design/css/recipes/identity-placeholder');
+const domUtils = require('@seed-design/dom-utils');
+const reactPrimitive = require('@seed-design/react-primitive');
+const React = require('react');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.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 { ClassNamesProvider, PropsProvider, useClassNames, useProps } = createSlotRecipeContext.createSlotRecipeContext(identityPlaceholder.identityPlaceholder);
+const IdentityPlaceholderRoot = React__namespace.forwardRef((props, ref) => {
+  const [variantProps, restProps] = identityPlaceholder.identityPlaceholder.splitVariantProps(props);
+  const classNames = identityPlaceholder.identityPlaceholder(variantProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, ...domUtils.mergeProps({ className: classNames.root }, restProps) }) }) });
+});
+IdentityPlaceholderRoot.displayName = "IdentityPlaceholderRoot";
+const IdentityPlaceholderImage = React__namespace.forwardRef((props, ref) => {
+  const classNames = useClassNames();
+  const parentProps = useProps();
+  switch (parentProps?.identity) {
+    case "business":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          ref,
+          viewBox: "0 0 640 640",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-label": "Identity placeholder",
+          ...domUtils.mergeProps({ className: classNames.image }, props),
+          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m512 250-29-73c-7-17-24-29-42-29H200c-18 0-35 12-42 29l-29 73q-3 7 2 14c17 23 42 41 71 41q35-2 59-26 25 24 59 26 35-2 59-26 25 24 59 26c28 0 56-18 72-41 2-3 3-11 2-14M439 340c-28 0-47-12-59-23a86 86 0 0 1-59 23c-28 0-48-12-59-23a86 86 0 0 1-60 23q-33-2-53-17v119c0 27 22 49 49 49h138l107 1c27 0 49-22 49-50V323q-20 15-53 17m-143 72q-1 11-12 12h-18q-11-2-12-12v-19q1-10 12-11h18q11 1 12 11zm91 0q-1 11-11 12h-19q-11-2-12-12v-19q1-10 12-11h19q10 1 11 11z" })
+        }
+      );
+    case "person":
+    case void 0:
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          ref,
+          viewBox: "0 0 640 640",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-label": "Identity placeholder",
+          ...domUtils.mergeProps({ className: classNames.image }, props),
+          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M496 460q4 5 0 11c-42 52-97 81-176 81s-134-29-176-81q-3-5-1-10c33-50 104-74 177-74s144 23 176 73M222 251a98 98 0 0 1 196 0c0 54-44 97-98 97s-98-43-98-97" })
+        }
+      );
+  }
+});
+IdentityPlaceholderImage.displayName = "IdentityPlaceholderImage";
+
+exports.IdentityPlaceholderImage = IdentityPlaceholderImage;
+exports.IdentityPlaceholderRoot = IdentityPlaceholderRoot;

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.d.ts

@@ -0,0 +1,10 @@
+import { IdentityPlaceholderVariantProps } from '@seed-design/css/recipes/identity-placeholder';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import * as React from "react";
+export interface IdentityPlaceholderRootProps extends IdentityPlaceholderVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const IdentityPlaceholderRoot: React.ForwardRefExoticComponent<IdentityPlaceholderRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface IdentityPlaceholderImageProps extends React.SVGProps<SVGSVGElement> {
+}
+export declare const IdentityPlaceholderImage: React.ForwardRefExoticComponent<Omit<IdentityPlaceholderImageProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=IdentityPlaceholder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/IdentityPlaceholder/IdentityPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,4BACf,SAAQ,+BAA+B,EACrC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,uBAAuB,qGAclC,CAAC;AAGH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;CAAG;AAEvF,eAAO,MAAM,wBAAwB,kHAuCnC,CAAC"}

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { identityPlaceholder } from '@seed-design/css/recipes/identity-placeholder';
+import { mergeProps } from '@seed-design/dom-utils';
+import { Primitive } from '@seed-design/react-primitive';
+import * as React from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { ClassNamesProvider, PropsProvider, useClassNames, useProps } = createSlotRecipeContext(identityPlaceholder);
+const IdentityPlaceholderRoot = React.forwardRef((props, ref) => {
+  const [variantProps, restProps] = identityPlaceholder.splitVariantProps(props);
+  const classNames = identityPlaceholder(variantProps);
+  return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Primitive.div, { ref, ...mergeProps({ className: classNames.root }, restProps) }) }) });
+});
+IdentityPlaceholderRoot.displayName = "IdentityPlaceholderRoot";
+const IdentityPlaceholderImage = React.forwardRef((props, ref) => {
+  const classNames = useClassNames();
+  const parentProps = useProps();
+  switch (parentProps?.identity) {
+    case "business":
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          ref,
+          viewBox: "0 0 640 640",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-label": "Identity placeholder",
+          ...mergeProps({ className: classNames.image }, props),
+          children: /* @__PURE__ */ jsx("path", { d: "m512 250-29-73c-7-17-24-29-42-29H200c-18 0-35 12-42 29l-29 73q-3 7 2 14c17 23 42 41 71 41q35-2 59-26 25 24 59 26 35-2 59-26 25 24 59 26c28 0 56-18 72-41 2-3 3-11 2-14M439 340c-28 0-47-12-59-23a86 86 0 0 1-59 23c-28 0-48-12-59-23a86 86 0 0 1-60 23q-33-2-53-17v119c0 27 22 49 49 49h138l107 1c27 0 49-22 49-50V323q-20 15-53 17m-143 72q-1 11-12 12h-18q-11-2-12-12v-19q1-10 12-11h18q11 1 12 11zm91 0q-1 11-11 12h-19q-11-2-12-12v-19q1-10 12-11h19q10 1 11 11z" })
+        }
+      );
+    case "person":
+    case void 0:
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          ref,
+          viewBox: "0 0 640 640",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-label": "Identity placeholder",
+          ...mergeProps({ className: classNames.image }, props),
+          children: /* @__PURE__ */ jsx("path", { d: "M496 460q4 5 0 11c-42 52-97 81-176 81s-134-29-176-81q-3-5-1-10c33-50 104-74 177-74s144 23 176 73M222 251a98 98 0 0 1 196 0c0 54-44 97-98 97s-98-43-98-97" })
+        }
+      );
+  }
+});
+IdentityPlaceholderImage.displayName = "IdentityPlaceholderImage";
+
+export { IdentityPlaceholderImage, IdentityPlaceholderRoot };

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.namespace.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const IdentityPlaceholder = require('./IdentityPlaceholder.cjs');
+
+
+
+exports.Image = IdentityPlaceholder.IdentityPlaceholderImage;
+exports.Root = IdentityPlaceholder.IdentityPlaceholderRoot;

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

@@ -0,0 +1,2 @@
+export { IdentityPlaceholderRoot as Root, IdentityPlaceholderImage as Image, type IdentityPlaceholderRootProps as RootProps, type IdentityPlaceholderImageProps as ImageProps, } from './IdentityPlaceholder';
+//# sourceMappingURL=IdentityPlaceholder.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPlaceholder.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/IdentityPlaceholder/IdentityPlaceholder.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,IAAI,IAAI,EAC/B,wBAAwB,IAAI,KAAK,EACjC,KAAK,4BAA4B,IAAI,SAAS,EAC9C,KAAK,6BAA6B,IAAI,UAAU,GACjD,MAAM,uBAAuB,CAAC"}

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.namespace.js

@@ -0,0 +1 @@
+export { IdentityPlaceholderImage as Image, IdentityPlaceholderRoot as Root } from './IdentityPlaceholder.js';

package/lib/components/IdentityPlaceholder/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const IdentityPlaceholder = require('./IdentityPlaceholder.cjs');
+const IdentityPlaceholder_namespace = require('./IdentityPlaceholder.namespace.cjs');
+
+
+
+exports.IdentityPlaceholderImage = IdentityPlaceholder.IdentityPlaceholderImage;
+exports.IdentityPlaceholderRoot = IdentityPlaceholder.IdentityPlaceholderRoot;
+exports.IdentityPlaceholder = IdentityPlaceholder_namespace;

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

@@ -0,0 +1,3 @@
+export { IdentityPlaceholderRoot, IdentityPlaceholderImage, type IdentityPlaceholderRootProps, type IdentityPlaceholderImageProps, } from './IdentityPlaceholder';
+export * as IdentityPlaceholder from './IdentityPlaceholder.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IdentityPlaceholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,GACnC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC"}