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

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactPopover = require('@seed-design/react-popover');
+const reactPrimitive = require('@seed-design/react-primitive');
+const helpBubble = require('@seed-design/css/recipes/help-bubble');
+const React = require('react');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const styled = require('../../utils/styled.cjs');
+
+const { withRootProvider, withContext } = createStyleContext.createStyleContext(helpBubble.helpBubble);
+const withStateProps = createWithStateProps.createWithStateProps([reactPopover.usePopoverContext]);
+const HelpBubbleRoot = withRootProvider(reactPopover.Popover.Root, {
+  defaultProps: {
+    placement: "top",
+    gutter: 4,
+    overflowPadding: 16,
+    arrowPadding: 14,
+    flip: true,
+    slide: true,
+    strategy: "absolute"
+  }
+});
+const HelpBubbleAnchor = reactPopover.Popover.Anchor;
+const HelpBubbleTrigger = reactPopover.Popover.Trigger;
+const HelpBubblePositioner = withContext(
+  reactPopover.Popover.Positioner,
+  "positioner"
+);
+const HelpBubbleBackdrop = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "backdrop"
+);
+const HelpBubbleContent = withContext(
+  styled.withStyleProps(withStateProps(reactPrimitive.Primitive.div)),
+  "content"
+);
+const HelpBubbleArrow = withContext(
+  reactPopover.Popover.Arrow,
+  "arrow"
+);
+const HelpBubbleArrowTip = React.forwardRef(
+  (props, ref) => {
+    const { tipRadius = 1, ...otherProps } = props;
+    const api = reactPopover.usePopoverContext();
+    const width = api.rects.arrow?.width || 0;
+    const height = api.rects.arrow?.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__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        width,
+        height: width,
+        viewBox: `0 0 ${width} ${height > width ? height : width}`,
+        ref,
+        ...otherProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "none", d: pathData })
+      }
+    );
+  }
+);
+const HelpBubbleCloseButton = withContext(
+  reactPopover.Popover.CloseButton,
+  "closeButton"
+);
+const HelpBubbleTitle = withContext(
+  withStateProps(reactPrimitive.Primitive.span),
+  "title"
+);
+const HelpBubbleDescription = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "description"
+);
+
+exports.HelpBubbleAnchor = HelpBubbleAnchor;
+exports.HelpBubbleArrow = HelpBubbleArrow;
+exports.HelpBubbleArrowTip = HelpBubbleArrowTip;
+exports.HelpBubbleBackdrop = HelpBubbleBackdrop;
+exports.HelpBubbleCloseButton = HelpBubbleCloseButton;
+exports.HelpBubbleContent = HelpBubbleContent;
+exports.HelpBubbleDescription = HelpBubbleDescription;
+exports.HelpBubblePositioner = HelpBubblePositioner;
+exports.HelpBubbleRoot = HelpBubbleRoot;
+exports.HelpBubbleTitle = HelpBubbleTitle;
+exports.HelpBubbleTrigger = HelpBubbleTrigger;

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

@@ -1,28 +1,29 @@
-import { Popover as PopoverPrimitive } from "@seed-design/react-popover";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type HelpBubbleVariantProps } from "@seed-design/css/recipes/help-bubble";
-import { type StyleProps } from "../../utils/styled";
+import { Popover as PopoverPrimitive } from '@seed-design/react-popover';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { HelpBubbleVariantProps } from '@seed-design/css/recipes/help-bubble';
+import { StyleProps } from '../../utils/styled';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface HelpBubbleRootProps extends HelpBubbleVariantProps, PopoverPrimitive.RootProps {
 }
-export declare const HelpBubbleRoot: import("react").ForwardRefExoticComponent<HelpBubbleRootProps>;
+export declare const HelpBubbleRoot: ForwardRefExoticComponent<HelpBubbleRootProps>;
 export interface HelpBubbleAnchorProps extends PopoverPrimitive.AnchorProps {
 }
-export declare const HelpBubbleAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.AnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HelpBubbleAnchor: ForwardRefExoticComponent<PopoverPrimitive.AnchorProps & RefAttributes<HTMLDivElement>>;
 export interface HelpBubbleTriggerProps extends PopoverPrimitive.TriggerProps {
 }
-export declare const HelpBubbleTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const HelpBubbleTrigger: ForwardRefExoticComponent<PopoverPrimitive.TriggerProps & RefAttributes<HTMLButtonElement>>;
 export interface HelpBubblePositionerProps extends PopoverPrimitive.PositionerProps {
 }
-export declare const HelpBubblePositioner: import("react").ForwardRefExoticComponent<HelpBubblePositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HelpBubblePositioner: ForwardRefExoticComponent<HelpBubblePositionerProps & RefAttributes<HTMLDivElement>>;
 export interface HelpBubbleBackdropProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const HelpBubbleBackdrop: import("react").ForwardRefExoticComponent<HelpBubbleBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HelpBubbleBackdrop: ForwardRefExoticComponent<HelpBubbleBackdropProps & RefAttributes<HTMLDivElement>>;
 export interface HelpBubbleContentProps extends PrimitiveProps, Pick<StyleProps, "maxWidth">, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const HelpBubbleContent: import("react").ForwardRefExoticComponent<HelpBubbleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HelpBubbleContent: ForwardRefExoticComponent<HelpBubbleContentProps & RefAttributes<HTMLDivElement>>;
 export interface HelpBubbleArrowProps extends PopoverPrimitive.ArrowProps {
 }
-export declare const HelpBubbleArrow: import("react").ForwardRefExoticComponent<HelpBubbleArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HelpBubbleArrow: ForwardRefExoticComponent<HelpBubbleArrowProps & RefAttributes<HTMLDivElement>>;
 export interface HelpBubbleArrowTipProps extends React.SVGProps<SVGSVGElement> {
     /**
      * radius of the arrow tip
@@ -30,14 +31,14 @@ export interface HelpBubbleArrowTipProps extends React.SVGProps<SVGSVGElement> {
      */
     tipRadius?: number;
 }
-export declare const HelpBubbleArrowTip: import("react").ForwardRefExoticComponent<Omit<HelpBubbleArrowTipProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const HelpBubbleArrowTip: ForwardRefExoticComponent<Omit<HelpBubbleArrowTipProps, "ref"> & RefAttributes<SVGSVGElement>>;
 export interface HelpBubbleCloseButtonProps extends PopoverPrimitive.CloseButtonProps {
 }
-export declare const HelpBubbleCloseButton: import("react").ForwardRefExoticComponent<HelpBubbleCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const HelpBubbleCloseButton: ForwardRefExoticComponent<HelpBubbleCloseButtonProps & RefAttributes<HTMLButtonElement>>;
 export interface HelpBubbleTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
 }
-export declare const HelpBubbleTitle: import("react").ForwardRefExoticComponent<HelpBubbleTitleProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const HelpBubbleTitle: ForwardRefExoticComponent<HelpBubbleTitleProps & RefAttributes<HTMLSpanElement>>;
 export interface HelpBubbleDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const HelpBubbleDescription: import("react").ForwardRefExoticComponent<HelpBubbleDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HelpBubbleDescription: ForwardRefExoticComponent<HelpBubbleDescriptionProps & RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=HelpBubble.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAqB,MAAM,4BAA4B,CAAC;AAC5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI/F,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,gBAAgB,CAAC,SAAS;CAAG;AAElG,eAAO,MAAM,cAAc,gEAUzB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,CAAC,WAAW;CAAG;AAE9E,eAAO,MAAM,gBAAgB,yHAA0B,CAAC;AAIxD,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,iBAAiB,6HAA2B,CAAC;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,oBAAoB,sHAGhC,CAAC;AAIF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU;CAAG;AAE5E,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC5E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gIA0B9B,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,qBAAqB,0HAGjC,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC"}
+{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAqB,MAAM,4BAA4B,CAAC;AAC5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI/F,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,gBAAgB,CAAC,SAAS;CAAG;AAElG,eAAO,MAAM,cAAc,gEAUzB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,CAAC,WAAW;CAAG;AAE9E,eAAO,MAAM,gBAAgB,yHAA0B,CAAC;AAIxD,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,iBAAiB,6HAA2B,CAAC;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,oBAAoB,sHAGhC,CAAC;AAIF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU;CAAG;AAE5E,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC5E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gIA0B9B,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,qBAAqB,0HAGjC,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC"}

package/lib/components/HelpBubble/HelpBubble.js

@@ -0,0 +1,79 @@
+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 { createStyleContext } from '../../utils/createStyleContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import { withStyleProps } from '../../utils/styled.js';
+
+const { withRootProvider, withContext } = createStyleContext(helpBubble);
+const withStateProps = createWithStateProps([usePopoverContext]);
+const HelpBubbleRoot = withRootProvider(Popover.Root, {
+  defaultProps: {
+    placement: "top",
+    gutter: 4,
+    overflowPadding: 16,
+    arrowPadding: 14,
+    flip: true,
+    slide: true,
+    strategy: "absolute"
+  }
+});
+const HelpBubbleAnchor = Popover.Anchor;
+const HelpBubbleTrigger = Popover.Trigger;
+const HelpBubblePositioner = withContext(
+  Popover.Positioner,
+  "positioner"
+);
+const HelpBubbleBackdrop = withContext(
+  withStateProps(Primitive.div),
+  "backdrop"
+);
+const HelpBubbleContent = withContext(
+  withStyleProps(withStateProps(Primitive.div)),
+  "content"
+);
+const HelpBubbleArrow = withContext(
+  Popover.Arrow,
+  "arrow"
+);
+const HelpBubbleArrowTip = forwardRef(
+  (props, ref) => {
+    const { tipRadius = 1, ...otherProps } = props;
+    const api = usePopoverContext();
+    const width = api.rects.arrow?.width || 0;
+    const height = api.rects.arrow?.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",
+        width,
+        height: width,
+        viewBox: `0 0 ${width} ${height > width ? height : width}`,
+        ref,
+        ...otherProps,
+        children: /* @__PURE__ */ jsx("path", { stroke: "none", d: pathData })
+      }
+    );
+  }
+);
+const HelpBubbleCloseButton = withContext(
+  Popover.CloseButton,
+  "closeButton"
+);
+const HelpBubbleTitle = withContext(
+  withStateProps(Primitive.span),
+  "title"
+);
+const HelpBubbleDescription = withContext(
+  withStateProps(Primitive.div),
+  "description"
+);
+
+export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBackdrop, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger };

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

@@ -0,0 +1,19 @@
+'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.Backdrop = HelpBubble.HelpBubbleBackdrop;
+exports.CloseButton = HelpBubble.HelpBubbleCloseButton;
+exports.Content = HelpBubble.HelpBubbleContent;
+exports.Description = HelpBubble.HelpBubbleDescription;
+exports.Positioner = HelpBubble.HelpBubblePositioner;
+exports.Root = HelpBubble.HelpBubbleRoot;
+exports.Title = HelpBubble.HelpBubbleTitle;
+exports.Trigger = HelpBubble.HelpBubbleTrigger;

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

@@ -1,2 +1,2 @@
-export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip, HelpBubbleBackdrop as Backdrop, HelpBubbleCloseButton as CloseButton, HelpBubbleContent as Content, HelpBubbleDescription as Description, HelpBubblePositioner as Positioner, HelpBubbleRoot as Root, HelpBubbleTitle as Title, HelpBubbleTrigger as Trigger, type HelpBubbleArrowProps as ArrowProps, type HelpBubbleArrowTipProps as ArrowTipProps, type HelpBubbleBackdropProps as BackdropProps, type HelpBubbleCloseButtonProps as CloseButtonProps, type HelpBubbleContentProps as ContentProps, type HelpBubbleDescriptionProps as DescriptionProps, type HelpBubblePositionerProps as PositionerProps, type HelpBubbleRootProps as RootProps, type HelpBubbleTitleProps as TitleProps, type HelpBubbleTriggerProps as TriggerProps, } from "./HelpBubble";
+export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip, HelpBubbleBackdrop as Backdrop, HelpBubbleCloseButton as CloseButton, HelpBubbleContent as Content, HelpBubbleDescription as Description, HelpBubblePositioner as Positioner, HelpBubbleRoot as Root, HelpBubbleTitle as Title, HelpBubbleTrigger as Trigger, type HelpBubbleArrowProps as ArrowProps, type HelpBubbleArrowTipProps as ArrowTipProps, type HelpBubbleBackdropProps as BackdropProps, type HelpBubbleCloseButtonProps as CloseButtonProps, type HelpBubbleContentProps as ContentProps, type HelpBubbleDescriptionProps as DescriptionProps, type HelpBubblePositionerProps as PositionerProps, 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.js

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

package/lib/components/HelpBubble/index.cjs

@@ -0,0 +1,21 @@
+'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.HelpBubbleBackdrop = HelpBubble.HelpBubbleBackdrop;
+exports.HelpBubbleCloseButton = HelpBubble.HelpBubbleCloseButton;
+exports.HelpBubbleContent = HelpBubble.HelpBubbleContent;
+exports.HelpBubbleDescription = HelpBubble.HelpBubbleDescription;
+exports.HelpBubblePositioner = HelpBubble.HelpBubblePositioner;
+exports.HelpBubbleRoot = HelpBubble.HelpBubbleRoot;
+exports.HelpBubbleTitle = HelpBubble.HelpBubbleTitle;
+exports.HelpBubbleTrigger = HelpBubble.HelpBubbleTrigger;
+exports.HelpBubble = HelpBubble_namespace;

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

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

package/lib/components/HelpBubble/index.js

@@ -0,0 +1,3 @@
+export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBackdrop, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, 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,118 @@
+'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 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, ...otherProps }, ref) => {
+  const context = React.useContext(IconContext);
+  reactUseLayoutEffect.useLayoutEffect(() => {
+    context?.register();
+    return () => {
+      context?.unregister();
+    };
+  }, [context]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.Slot,
+    {
+      ref,
+      "aria-hidden": true,
+      className: "seed-icon",
+      ...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

@@ -1,11 +1,12 @@
+import { ForwardRefExoticComponent, RefAttributes, PropsWithoutRef } from 'react';
 export interface PrefixIconProps {
     svg: React.ReactNode;
 }
-export declare const PrefixIcon: import("react").ForwardRefExoticComponent<PrefixIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const PrefixIcon: ForwardRefExoticComponent<PrefixIconProps & RefAttributes<SVGSVGElement>>;
 export interface SuffixIconProps {
     svg: React.ReactNode;
 }
-export declare const SuffixIcon: import("react").ForwardRefExoticComponent<SuffixIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SuffixIcon: ForwardRefExoticComponent<SuffixIconProps & RefAttributes<SVGSVGElement>>;
 export declare const IconRequired: ({ children, enabled, }: {
     children: React.ReactNode;
     enabled: boolean;
@@ -13,6 +14,6 @@ export declare const IconRequired: ({ children, enabled, }: {
 export interface IconProps {
     svg: React.ReactNode;
 }
-export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare function withIconRequired<P extends {}, R>(Component: React.ComponentType<P & React.RefAttributes<R>>, enabledPredicate: (props: React.PropsWithoutRef<P>) => boolean): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<R>>;
+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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,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,2BAGtB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,4CAsDjD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,qGAoBf,CAAC;AAEH,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"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAIA,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,2BAGtB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,4CAsDjD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,qGAoBf,CAAC;AAEH,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,110 @@
+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';
+
+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, ...otherProps }, ref) => {
+  const context = useContext(IconContext);
+  useLayoutEffect(() => {
+    context?.register();
+    return () => {
+      context?.unregister();
+    };
+  }, [context]);
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      ref,
+      "aria-hidden": true,
+      className: "seed-icon",
+      ...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

@@ -1,2 +1,2 @@
-export { Icon, PrefixIcon, SuffixIcon, type IconProps, type PrefixIconProps, type SuffixIconProps, } from "./Icon";
+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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}
+{"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,62 @@
+'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 createStyleContext = require('../../utils/createStyleContext.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 { useClassNames, withProvider } = createStyleContext.createStyleContext(identityPlaceholder.identityPlaceholder);
+const IdentityPlaceholderRoot = withProvider(
+  reactPrimitive.Primitive.div,
+  "root"
+);
+const IdentityPlaceholderImage = React__namespace.forwardRef((props, ref) => {
+  const classNames = useClassNames();
+  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",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M481 301c0 56-29 106-72 135a264 264 0 0 1 175 248c0 18-118 38-264 38S56 702 56 684c0-114 73-211 174-248a162 162 0 1 1 251-135Zm-203-1c8 0 14-9 14-20s-6-20-14-20-15 9-15 20 7 20 15 20Zm83 0c8 0 15-9 15-20s-7-20-15-20-15 9-15 20 7 20 15 20Zm-88 25c4-2 9-1 11 4 4 7 15 19 36 19s32-12 36-19a8 8 0 1 1 15 8c-7 12-23 27-51 27s-44-15-50-27c-3-5-1-10 3-12Z"
+        }
+      )
+    }
+  );
+});
+IdentityPlaceholderImage.displayName = "IdentityPlaceholderImage";
+
+exports.IdentityPlaceholderImage = IdentityPlaceholderImage;
+exports.IdentityPlaceholderRoot = IdentityPlaceholderRoot;