@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/Float/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Float/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Float/index.js

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

package/lib/components/FloatingActionButton/FloatingActionButton.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const floatingActionButton = require('@seed-design/css/recipes/floating-action-button');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const Icon = require('../private/Icon.cjs');
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(floatingActionButton.floatingActionButton);
+const FloatingActionButtonRoot = withProvider(reactPrimitive.Primitive.button, "root");
+const FloatingActionButtonIcon = withContext(Icon.InternalIcon, "icon");
+const FloatingActionButtonLabel = withContext(reactPrimitive.Primitive.span, "label");
+
+exports.FloatingActionButtonIcon = FloatingActionButtonIcon;
+exports.FloatingActionButtonLabel = FloatingActionButtonLabel;
+exports.FloatingActionButtonRoot = FloatingActionButtonRoot;

package/lib/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -0,0 +1,14 @@
+import { FloatingActionButtonVariantProps } from '@seed-design/css/recipes/floating-action-button';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { InternalIconProps } from '../private/Icon';
+import type * as React from "react";
+export interface FloatingActionButtonRootProps extends FloatingActionButtonVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export declare const FloatingActionButtonRoot: React.ForwardRefExoticComponent<FloatingActionButtonRootProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FloatingActionButtonIconProps extends InternalIconProps {
+}
+export declare const FloatingActionButtonIcon: React.ForwardRefExoticComponent<FloatingActionButtonIconProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FloatingActionButtonLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const FloatingActionButtonLabel: React.ForwardRefExoticComponent<FloatingActionButtonLabelProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=FloatingActionButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMvE,MAAM,WAAW,6BACf,SAAQ,gCAAgC,EACtC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGAGV,CAAC;AAE5B,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;CAAG;AAE3E,eAAO,MAAM,wBAAwB,yGAGd,CAAC;AAExB,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,wGAGZ,CAAC"}

package/lib/components/FloatingActionButton/FloatingActionButton.js

@@ -0,0 +1,12 @@
+'use client';
+import { floatingActionButton } from '@seed-design/css/recipes/floating-action-button';
+import { Primitive } from '@seed-design/react-primitive';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { InternalIcon } from '../private/Icon.js';
+
+const { withProvider, withContext } = createSlotRecipeContext(floatingActionButton);
+const FloatingActionButtonRoot = withProvider(Primitive.button, "root");
+const FloatingActionButtonIcon = withContext(InternalIcon, "icon");
+const FloatingActionButtonLabel = withContext(Primitive.span, "label");
+
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot };

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FloatingActionButton = require('./FloatingActionButton.cjs');
+
+
+
+exports.Icon = FloatingActionButton.FloatingActionButtonIcon;
+exports.Label = FloatingActionButton.FloatingActionButtonLabel;
+exports.Root = FloatingActionButton.FloatingActionButtonRoot;

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

@@ -0,0 +1,2 @@
+export { FloatingActionButtonIcon as Icon, FloatingActionButtonLabel as Label, FloatingActionButtonRoot as Root, type FloatingActionButtonIconProps as IconProps, type FloatingActionButtonLabelProps as LabelProps, type FloatingActionButtonRootProps as RootProps, } from './FloatingActionButton';
+//# sourceMappingURL=FloatingActionButton.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.namespace.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,IAAI,IAAI,EAChC,yBAAyB,IAAI,KAAK,EAClC,wBAAwB,IAAI,IAAI,EAChC,KAAK,6BAA6B,IAAI,SAAS,EAC/C,KAAK,8BAA8B,IAAI,UAAU,EACjD,KAAK,6BAA6B,IAAI,SAAS,GAChD,MAAM,wBAAwB,CAAC"}

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.js

@@ -0,0 +1 @@
+export { FloatingActionButtonIcon as Icon, FloatingActionButtonLabel as Label, FloatingActionButtonRoot as Root } from './FloatingActionButton.js';

package/lib/components/FloatingActionButton/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FloatingActionButton = require('./FloatingActionButton.cjs');
+const FloatingActionButton_namespace = require('./FloatingActionButton.namespace.cjs');
+
+
+
+exports.FloatingActionButtonIcon = FloatingActionButton.FloatingActionButtonIcon;
+exports.FloatingActionButtonLabel = FloatingActionButton.FloatingActionButtonLabel;
+exports.FloatingActionButtonRoot = FloatingActionButton.FloatingActionButtonRoot;
+exports.FloatingActionButton = FloatingActionButton_namespace;

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

@@ -0,0 +1,3 @@
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, type FloatingActionButtonIconProps, type FloatingActionButtonLabelProps, type FloatingActionButtonRootProps, } from './FloatingActionButton';
+export * as FloatingActionButton from './FloatingActionButton.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,KAAK,8BAA8B,EACnC,KAAK,6BAA6B,GACnC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,oBAAoB,MAAM,kCAAkC,CAAC"}

package/lib/components/FloatingActionButton/index.js

@@ -0,0 +1,3 @@
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from './FloatingActionButton.js';
+import * as FloatingActionButton_namespace from './FloatingActionButton.namespace.js';
+export { FloatingActionButton_namespace as FloatingActionButton };

package/lib/components/Grid/Grid.cjs

@@ -0,0 +1,58 @@
+'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 React = require('react');
+const styled = require('../../utils/styled.cjs');
+const Box = require('../Box/Box.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function handleGridTemplate(v) {
+  return typeof v === "number" ? `repeat(${v}, minmax(0, 1fr))` : v;
+}
+const Grid = React__namespace.forwardRef((props, ref) => {
+  const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box.Box,
+    {
+      ref,
+      display: "grid",
+      alignItems: align,
+      justifyContent: justify,
+      ...domUtils.mergeProps(rest, {
+        className: "seed-grid",
+        style: {
+          ...columns !== void 0 && styled.resolveResponsive("--seed-grid-columns", columns, handleGridTemplate),
+          ...rows !== void 0 && styled.resolveResponsive("--seed-grid-rows", rows, handleGridTemplate),
+          "--seed-grid-auto-flow": autoFlow,
+          "--seed-grid-auto-columns": autoColumns,
+          "--seed-grid-auto-rows": autoRows,
+          "--seed-grid-justify-items": justifyItems
+        }
+      })
+    }
+  );
+});
+
+exports.Grid = Grid;

package/lib/components/Grid/Grid.d.ts

@@ -0,0 +1,42 @@
+import { ResponsiveValue } from '../../types/responsive';
+import { BoxProps } from '../Box/Box';
+import * as React from "react";
+export interface GridProps extends Omit<BoxProps, "display"> {
+    /**
+     * @default "grid"
+     */
+    display?: ResponsiveValue<"grid" | "none">;
+    /**
+     * Shorthand for `alignItems`.
+     */
+    align?: BoxProps["alignItems"];
+    /**
+     * Shorthand for `justifyContent`.
+     */
+    justify?: BoxProps["justifyContent"];
+    justifyItems?: "flex-start" | "flex-end" | "center" | "stretch";
+    /**
+     * Shorthand for `gridTemplateColumns`.
+     * If number, `repeat({columns}, minmax(0, 1fr))` is applied.
+     */
+    columns?: ResponsiveValue<number | string>;
+    /**
+     * Shorthand for `gridTemplateRows`.
+     * If number, `repeat({rows}, minmax(0, 1fr))` is applied.
+     */
+    rows?: ResponsiveValue<number | string>;
+    /**
+     * Shorthand for `gridAutoFlow`.
+     */
+    autoFlow?: "row" | "column" | "row dense" | "column dense";
+    /**
+     * Shorthand for `gridAutoColumns`.
+     */
+    autoColumns?: string;
+    /**
+     * Shorthand for `gridAutoRows`.
+     */
+    autoRows?: string;
+}
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAE3C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAErC,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEhE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAE3C;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAMxC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,eAAO,MAAM,IAAI,kFAyBf,CAAC"}

package/lib/components/Grid/Grid.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@seed-design/dom-utils';
+import * as React from 'react';
+import { resolveResponsive } from '../../utils/styled.js';
+import { Box } from '../Box/Box.js';
+
+function handleGridTemplate(v) {
+  return typeof v === "number" ? `repeat(${v}, minmax(0, 1fr))` : v;
+}
+const Grid = React.forwardRef((props, ref) => {
+  const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      display: "grid",
+      alignItems: align,
+      justifyContent: justify,
+      ...mergeProps(rest, {
+        className: "seed-grid",
+        style: {
+          ...columns !== void 0 && resolveResponsive("--seed-grid-columns", columns, handleGridTemplate),
+          ...rows !== void 0 && resolveResponsive("--seed-grid-rows", rows, handleGridTemplate),
+          "--seed-grid-auto-flow": autoFlow,
+          "--seed-grid-auto-columns": autoColumns,
+          "--seed-grid-auto-rows": autoRows,
+          "--seed-grid-justify-items": justifyItems
+        }
+      })
+    }
+  );
+});
+
+export { Grid };

package/lib/components/Grid/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/Grid/index.js

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

package/lib/components/GridItem/GridItem.cjs

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Box = require('../Box/Box.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const GridItem = React__namespace.forwardRef((props, ref) => {
+  const { asChild = false, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, ...rest } = props;
+  const gridColumn = getGridLine(colSpan, colStart, colEnd);
+  const gridRow = getGridLine(rowSpan, rowStart, rowEnd);
+  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, asChild, gridColumn, gridRow, ...rest });
+});
+GridItem.displayName = "GridItem";
+function getGridLine(span, start, end) {
+  if (span === "full") return "1 / -1";
+  if (start !== void 0 && end !== void 0) return `${start} / ${end}`;
+  if (start !== void 0) return `${start}`;
+  if (end !== void 0) return `auto / ${end}`;
+  if (span !== void 0) return `span ${span}`;
+  return void 0;
+}
+
+exports.GridItem = GridItem;

package/lib/components/GridItem/GridItem.d.ts

@@ -0,0 +1,35 @@
+import { BoxProps } from '../Box/Box';
+import * as React from "react";
+export interface GridItemProps extends Omit<BoxProps, "gridColumn" | "gridRow" | "gridArea"> {
+    /**
+     * If true, the component will render its children directly without a wrapper element.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Number of columns to span, or "full" for full width (1 / -1).
+     */
+    colSpan?: number | "full";
+    /**
+     * Number of rows to span, or "full" for full height (1 / -1).
+     */
+    rowSpan?: number | "full";
+    /**
+     * Starting column
+     */
+    colStart?: number;
+    /**
+     * Ending column.
+     */
+    colEnd?: number;
+    /**
+     * Starting row
+     */
+    rowStart?: number;
+    /**
+     * Ending row.
+     */
+    rowEnd?: number;
+}
+export declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GridItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../src/components/GridItem/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1F;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAGjB;AAED,eAAO,MAAM,QAAQ,sFAOnB,CAAC"}

package/lib/components/GridItem/GridItem.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+
+const GridItem = React.forwardRef((props, ref) => {
+  const { asChild = false, colSpan, colStart, colEnd, rowSpan, rowStart, rowEnd, ...rest } = props;
+  const gridColumn = getGridLine(colSpan, colStart, colEnd);
+  const gridRow = getGridLine(rowSpan, rowStart, rowEnd);
+  return /* @__PURE__ */ jsx(Box, { ref, asChild, gridColumn, gridRow, ...rest });
+});
+GridItem.displayName = "GridItem";
+function getGridLine(span, start, end) {
+  if (span === "full") return "1 / -1";
+  if (start !== void 0 && end !== void 0) return `${start} / ${end}`;
+  if (start !== void 0) return `${start}`;
+  if (end !== void 0) return `auto / ${end}`;
+  if (span !== void 0) return `span ${span}`;
+  return void 0;
+}
+
+export { GridItem };

package/lib/components/GridItem/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GridItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/GridItem/index.js

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

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -0,0 +1,102 @@
+'use client';
+'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 createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const styled = require('../../utils/styled.cjs');
+const reactComposeRefs = require('@radix-ui/react-compose-refs');
+const clsx = require('clsx');
+
+const { withRootProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(helpBubble.helpBubble);
+const withStateProps = createWithStateProps.createWithStateProps([reactPopover.usePopoverContext]);
+const HelpBubbleRoot = withRootProvider(reactPopover.Popover.Root, {
+  defaultProps: {
+    placement: "top",
+    gutter: 4,
+    // TODO: get value from rootage spec
+    overflowPadding: 16,
+    arrowPadding: 14
+  }
+});
+const HelpBubbleAnchor = reactPopover.Popover.Anchor;
+const HelpBubbleTrigger = reactPopover.Popover.Trigger;
+const HelpBubblePositioner = withContext(
+  reactPopover.Popover.Positioner,
+  "positioner"
+);
+const HelpBubblePositionerPortal = withContext(reactPopover.Popover.PositionerPortal, "positioner");
+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 = 2,
+      // TODO: get value from rootage spec
+      className,
+      ...otherProps
+    } = props;
+    const api = reactPopover.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__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        viewBox: `0 0 ${width} ${height}`,
+        ref: reactComposeRefs.composeRefs(api.refs.arrowTip, ref),
+        className: clsx(classNames.arrowTip, className),
+        ...otherProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "none", d: pathData })
+      }
+    );
+  }
+);
+HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
+const HelpBubbleCloseButton = withContext(
+  reactPopover.Popover.CloseButton,
+  "closeButton"
+);
+const HelpBubbleBody = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "body"
+);
+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.HelpBubbleBody = HelpBubbleBody;
+exports.HelpBubbleCloseButton = HelpBubbleCloseButton;
+exports.HelpBubbleContent = HelpBubbleContent;
+exports.HelpBubbleDescription = HelpBubbleDescription;
+exports.HelpBubblePositioner = HelpBubblePositioner;
+exports.HelpBubblePositionerPortal = HelpBubblePositionerPortal;
+exports.HelpBubbleRoot = HelpBubbleRoot;
+exports.HelpBubbleTitle = HelpBubbleTitle;
+exports.HelpBubbleTrigger = HelpBubbleTrigger;

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

@@ -0,0 +1,63 @@
+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 {
+    /**
+     * @default "top"
+     */
+    placement?: PopoverPrimitive.RootProps["placement"];
+    /**
+     * @default 4
+     */
+    gutter?: PopoverPrimitive.RootProps["gutter"];
+    /**
+     * @default 16
+     */
+    overflowPadding?: PopoverPrimitive.RootProps["overflowPadding"];
+    /**
+     * @default 14
+     */
+    arrowPadding?: PopoverPrimitive.RootProps["arrowPadding"];
+}
+export declare const HelpBubbleRoot: ForwardRefExoticComponent<HelpBubbleRootProps>;
+export interface HelpBubbleAnchorProps extends PopoverPrimitive.AnchorProps {
+}
+export declare const HelpBubbleAnchor: ForwardRefExoticComponent<PopoverPrimitive.AnchorProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleTriggerProps extends PopoverPrimitive.TriggerProps {
+}
+export declare const HelpBubbleTrigger: ForwardRefExoticComponent<PopoverPrimitive.TriggerProps & RefAttributes<HTMLButtonElement>>;
+export interface HelpBubblePositionerProps extends PopoverPrimitive.PositionerProps {
+}
+export declare const HelpBubblePositioner: ForwardRefExoticComponent<HelpBubblePositionerProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubblePositionerPortalProps extends PopoverPrimitive.PositionerPortalProps {
+}
+export declare const HelpBubblePositionerPortal: ForwardRefExoticComponent<HelpBubblePositionerPortalProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleContentProps extends PrimitiveProps, Pick<StyleProps, "maxWidth">, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const HelpBubbleContent: ForwardRefExoticComponent<HelpBubbleContentProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleArrowProps extends PopoverPrimitive.ArrowProps {
+}
+export declare const HelpBubbleArrow: ForwardRefExoticComponent<HelpBubbleArrowProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleArrowTipProps extends React.SVGProps<SVGSVGElement> {
+    /**
+     * radius of the arrow tip
+     * @default 2
+     */
+    tipRadius?: number;
+}
+export declare const HelpBubbleArrowTip: ForwardRefExoticComponent<Omit<HelpBubbleArrowTipProps, "ref"> & RefAttributes<SVGSVGElement>>;
+export interface HelpBubbleCloseButtonProps extends PopoverPrimitive.CloseButtonProps {
+}
+export declare const HelpBubbleCloseButton: ForwardRefExoticComponent<HelpBubbleCloseButtonProps & RefAttributes<HTMLButtonElement>>;
+export interface HelpBubbleBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const HelpBubbleBody: ForwardRefExoticComponent<HelpBubbleBodyProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const HelpBubbleTitle: ForwardRefExoticComponent<HelpBubbleTitleProps & RefAttributes<HTMLSpanElement>>;
+export interface HelpBubbleDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const HelpBubbleDescription: ForwardRefExoticComponent<HelpBubbleDescriptionProps & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HelpBubble.d.ts.map

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

@@ -0,0 +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;AASrE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,gBAAgB,CAAC,SAAS;IAC7F;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,cAAc,gEAOzB,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;AAEF,MAAM,WAAW,+BAAgC,SAAQ,gBAAgB,CAAC,qBAAqB;CAAG;AAElG,eAAO,MAAM,0BAA0B,4HAGW,CAAC;AAInD,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,gIAiC9B,CAAC;AAKF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,qBAAqB,0HAGjC,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC"}