@nationaldesignstudio/react 0.5.1 → 0.5.2

package/dist/components/atoms/popover/popover.d.ts

@@ -1,195 +0,0 @@
-import { Popover as BasePopover } from '@base-ui-components/react/popover';
-import { VariantProps } from 'tailwind-variants';
-import * as React from "react";
-/**
- * Popover popup variants
- *
- * Uses semantic overlay tokens for themeable styling:
- * - color.overlay.background - Light background
- * - color.overlay.border - Subtle border
- * - color.overlay.text - Primary text
- * - surface.overlay.radius - Rounded corners
- * - spatial.component.overlay.padding/gap - Consistent spacing
- */
-declare const popoverPopupVariants: import('tailwind-variants').TVReturnType<{
-    variant: {
-        default: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        default: string;
-    };
-}, {
-    variant: {
-        default: string;
-    };
-}>, {
-    variant: {
-        default: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    variant: {
-        default: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        default: string;
-    };
-}, {
-    variant: {
-        default: string;
-    };
-}>, unknown, unknown, undefined>>;
-/**
- * Popover arrow variants - uses shared floating arrow variants
- */
-declare const popoverArrowVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export interface PopoverRootProps extends BasePopover.Root.Props {
-    children: React.ReactNode;
-}
-/**
- * Popover Root
- *
- * Groups all popover parts. Does not render an element.
- */
-declare const PopoverRoot: ({ children, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;
-export interface PopoverTriggerProps extends React.ComponentProps<typeof BasePopover.Trigger> {
-    className?: string;
-}
-/**
- * Popover Trigger
- *
- * The element that triggers the popover on click.
- * Renders as the child element with popover behavior attached.
- * When children is a single React element, uses `render` prop to avoid wrapper element.
- */
-declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface PopoverPortalProps extends BasePopover.Portal.Props {
-    children: React.ReactNode;
-}
-/**
- * Popover Portal
- *
- * Renders the popover popup in a portal outside the DOM hierarchy.
- */
-declare const PopoverPortal: ({ children, ...props }: PopoverPortalProps) => import("react/jsx-runtime").JSX.Element;
-export interface PopoverBackdropProps extends Omit<React.ComponentProps<typeof BasePopover.Backdrop>, "className"> {
-    className?: string;
-}
-/**
- * Popover Backdrop
- *
- * Optional backdrop element that can be used to close the popover on click.
- */
-declare const PopoverBackdrop: React.ForwardRefExoticComponent<Omit<PopoverBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface PopoverPositionerProps extends Omit<React.ComponentProps<typeof BasePopover.Positioner>, "className"> {
-    className?: string;
-}
-/**
- * Popover Positioner
- *
- * Positions the popover popup relative to the trigger.
- */
-declare const PopoverPositioner: React.ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface PopoverPopupProps extends Omit<React.ComponentProps<typeof BasePopover.Popup>, "className">, VariantProps<typeof popoverPopupVariants> {
-    className?: string;
-}
-/**
- * Popover Popup
- *
- * The popover content container with styled appearance.
- */
-declare const PopoverPopup: React.ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface PopoverArrowProps extends Omit<React.ComponentProps<typeof BasePopover.Arrow>, "className"> {
-    className?: string;
-}
-/**
- * Popover Arrow
- *
- * Visual pointer element for the popover.
- * Uses shared FloatingArrowSvg with overlay color tokens for fill and border.
- */
-declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<PopoverArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface PopoverTitleProps extends Omit<React.ComponentProps<typeof BasePopover.Title>, "className"> {
-    className?: string;
-}
-/**
- * Popover Title
- *
- * Title element for the popover content.
- */
-declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-export interface PopoverDescriptionProps extends Omit<React.ComponentProps<typeof BasePopover.Description>, "className"> {
-    className?: string;
-}
-/**
- * Popover Description
- *
- * Description element for the popover content.
- */
-declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export interface PopoverCloseProps extends Omit<React.ComponentProps<typeof BasePopover.Close>, "className"> {
-    className?: string;
-}
-/**
- * Popover Close
- *
- * Close button for the popover.
- */
-declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface PopoverProps {
-    /** The content to show in the popover */
-    children: React.ReactNode;
-    /** The element that triggers the popover */
-    trigger: React.ReactNode;
-    /** Title for the popover (optional) */
-    title?: React.ReactNode;
-    /** Side of the trigger to show the popover */
-    side?: "top" | "bottom" | "left" | "right";
-    /** Offset from the trigger */
-    sideOffset?: number;
-    /** Alignment along the side */
-    align?: "start" | "center" | "end";
-    /** Whether to show an arrow */
-    showArrow?: boolean;
-    /** Whether to show a close button */
-    showClose?: boolean;
-    /** Controlled open state */
-    open?: boolean;
-    /** Default open state */
-    defaultOpen?: boolean;
-    /** Callback when open state changes */
-    onOpenChange?: (open: boolean) => void;
-    /** Additional className for the popup */
-    className?: string;
-}
-/**
- * Popover
- *
- * A simple, pre-composed popover component for common use cases.
- * For more complex needs, use the compound components directly.
- *
- * @example
- * ```tsx
- * <Popover
- *   trigger={<Button>Click me</Button>}
- *   title="Popover Title"
- * >
- *   <p>This is the popover content.</p>
- * </Popover>
- * ```
- */
-declare const Popover: ({ children, trigger, title, side, sideOffset, align, showArrow, showClose, open, defaultOpen, onOpenChange, className, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverParts: (({ children, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element) & {
-    Root: ({ children, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: React.ForwardRefExoticComponent<Omit<PopoverTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Portal: ({ children, ...props }: PopoverPortalProps) => import("react/jsx-runtime").JSX.Element;
-    Backdrop: React.ForwardRefExoticComponent<Omit<PopoverBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Positioner: React.ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Popup: React.ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<PopoverArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    Close: React.ForwardRefExoticComponent<Omit<PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-};
-export { Popover, PopoverRoot, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverArrow, PopoverTitle, PopoverDescription, PopoverClose, popoverPopupVariants, popoverArrowVariants, };

package/dist/components/atoms/popover/popover.js

@@ -1,230 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import * as a from "react";
-import { tv as $, cnBase as i } from "../../../node_modules/.bun/tailwind-variants@0.3.1_b0c4767bcd570450/node_modules/tailwind-variants/dist/index.js";
-import { floatingArrowVariants as C, FloatingArrowSvg as A } from "../../shared/floating-arrow.js";
-import { PopoverArrow as B } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/arrow/PopoverArrow.js";
-import { PopoverBackdrop as D } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/backdrop/PopoverBackdrop.js";
-import { PopoverClose as V } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/close/PopoverClose.js";
-import { PopoverDescription as j } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/description/PopoverDescription.js";
-import { PopoverPopup as z } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/popup/PopoverPopup.js";
-import { PopoverPortal as E } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/portal/PopoverPortal.js";
-import { PopoverPositioner as L } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/positioner/PopoverPositioner.js";
-import { PopoverRoot as S } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/root/PopoverRoot.js";
-import { PopoverTitle as M } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/title/PopoverTitle.js";
-import { PopoverTrigger as g } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/popover/trigger/PopoverTrigger.js";
-const F = $({
-  base: [
-    // Layout - uses component overlay tokens
-    "p-spatial-component-overlay-padding",
-    // Background - uses overlay background token
-    "bg-overlay-background",
-    // Border - uses overlay border token
-    "border border-overlay-border",
-    // Text - uses overlay text token
-    "text-overlay-text",
-    // Border radius - uses surface overlay token
-    "rounded-surface-overlay",
-    // Shadow for elevation
-    "shadow-lg",
-    // Allow arrow to extend outside popup bounds
-    "overflow-visible",
-    // Animation
-    "origin-[var(--transform-origin)]",
-    "transition-[transform,scale,opacity] duration-150",
-    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-    "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
-    // Ensure it's above other content (higher than backdrop z-40)
-    "z-50",
-    // Max width for reasonable content display
-    "max-w-[320px]"
-  ],
-  variants: {
-    variant: {
-      default: ""
-      // Future variants can be added here
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), O = C, l = ({ children: o, ...r }) => /* @__PURE__ */ e(S, { ...r, children: o }), d = a.forwardRef(
-  ({ className: o, children: r, ...t }, s) => a.isValidElement(r) ? /* @__PURE__ */ e(
-    g,
-    {
-      ref: s,
-      className: o,
-      render: r,
-      ...t
-    }
-  ) : /* @__PURE__ */ e(g, { ref: s, className: o, ...t, children: r })
-);
-d.displayName = "PopoverTrigger";
-const y = ({ children: o, ...r }) => /* @__PURE__ */ e(E, { ...r, children: o }), b = a.forwardRef(
-  ({ className: o, ...r }, t) => /* @__PURE__ */ e(
-    D,
-    {
-      ref: t,
-      className: i("fixed inset-0 z-40", o),
-      ...r
-    }
-  )
-);
-b.displayName = "PopoverBackdrop";
-const v = a.forwardRef(({ className: o, side: r = "bottom", sideOffset: t = 8, ...s }, p) => /* @__PURE__ */ e(
-  L,
-  {
-    ref: p,
-    side: r,
-    sideOffset: t,
-    className: i("z-50", o),
-    ...s
-  }
-));
-v.displayName = "PopoverPositioner";
-const m = a.forwardRef(
-  ({ className: o, variant: r, ...t }, s) => /* @__PURE__ */ e(
-    z,
-    {
-      ref: s,
-      className: i(F({ variant: r }), o),
-      ...t
-    }
-  )
-);
-m.displayName = "PopoverPopup";
-const c = a.forwardRef(
-  ({ className: o, ...r }, t) => /* @__PURE__ */ e(
-    B,
-    {
-      ref: t,
-      className: i(O(), o),
-      ...r,
-      children: /* @__PURE__ */ e(
-        A,
-        {
-          fillClassName: "fill-overlay-background",
-          borderClassName: "fill-overlay-border"
-        }
-      )
-    }
-  )
-);
-c.displayName = "PopoverArrow";
-const P = a.forwardRef(
-  ({ className: o, ...r }, t) => /* @__PURE__ */ e(
-    M,
-    {
-      ref: t,
-      className: i("typography-body-md-md font-semibold", o),
-      ...r
-    }
-  )
-);
-P.displayName = "PopoverTitle";
-const f = a.forwardRef(({ className: o, ...r }, t) => /* @__PURE__ */ e(
-  j,
-  {
-    ref: t,
-    className: i(
-      "typography-body-sm-md text-overlay-text-muted mt-8",
-      o
-    ),
-    ...r
-  }
-));
-f.displayName = "PopoverDescription";
-const u = a.forwardRef(
-  ({ className: o, ...r }, t) => /* @__PURE__ */ e(
-    V,
-    {
-      ref: t,
-      className: i(
-        "absolute right-8 top-8 rounded-surface-ui-small p-4",
-        "text-overlay-text-muted hover:text-overlay-text",
-        "hover:bg-bg-section focus:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-        o
-      ),
-      ...r
-    }
-  )
-);
-u.displayName = "PopoverClose";
-const oo = ({
-  children: o,
-  trigger: r,
-  title: t,
-  side: s = "bottom",
-  sideOffset: p = 8,
-  align: w = "center",
-  showArrow: h = !0,
-  showClose: N = !1,
-  open: x,
-  defaultOpen: R,
-  onOpenChange: k,
-  className: T
-}) => /* @__PURE__ */ n(
-  l,
-  {
-    open: x,
-    defaultOpen: R,
-    onOpenChange: k,
-    children: [
-      /* @__PURE__ */ e(d, { children: r }),
-      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(v, { side: s, sideOffset: p, align: w, children: /* @__PURE__ */ n(m, { className: T, children: [
-        h && /* @__PURE__ */ e(c, {}),
-        N && /* @__PURE__ */ n(u, { children: [
-          /* @__PURE__ */ e(
-            "svg",
-            {
-              width: "12",
-              height: "12",
-              viewBox: "0 0 12 12",
-              fill: "none",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  d: "M1.5 1.5L10.5 10.5M1.5 10.5L10.5 1.5",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeLinecap: "round"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
-        ] }),
-        t && /* @__PURE__ */ e(P, { children: t }),
-        t ? /* @__PURE__ */ e(f, { children: o }) : o
-      ] }) }) })
-    ]
-  }
-), ro = Object.assign(l, {
-  Root: l,
-  Trigger: d,
-  Portal: y,
-  Backdrop: b,
-  Positioner: v,
-  Popup: m,
-  Arrow: c,
-  Title: P,
-  Description: f,
-  Close: u
-});
-export {
-  oo as Popover,
-  c as PopoverArrow,
-  b as PopoverBackdrop,
-  u as PopoverClose,
-  f as PopoverDescription,
-  ro as PopoverParts,
-  m as PopoverPopup,
-  y as PopoverPortal,
-  v as PopoverPositioner,
-  l as PopoverRoot,
-  P as PopoverTitle,
-  d as PopoverTrigger,
-  O as popoverArrowVariants,
-  F as popoverPopupVariants
-};
-//# sourceMappingURL=popover.js.map

package/dist/components/atoms/popover/popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","sources":["../../../../src/components/atoms/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui-components/react/popover\";\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"@/lib/utils\";\nimport {\n\tFloatingArrowSvg,\n\tfloatingArrowVariants,\n} from \"../../shared/floating-arrow\";\n\n/**\n * Popover popup variants\n *\n * Uses semantic overlay tokens for themeable styling:\n * - color.overlay.background - Light background\n * - color.overlay.border - Subtle border\n * - color.overlay.text - Primary text\n * - surface.overlay.radius - Rounded corners\n * - spatial.component.overlay.padding/gap - Consistent spacing\n */\nconst popoverPopupVariants = tv({\n\tbase: [\n\t\t// Layout - uses component overlay tokens\n\t\t\"p-spatial-component-overlay-padding\",\n\t\t// Background - uses overlay background token\n\t\t\"bg-overlay-background\",\n\t\t// Border - uses overlay border token\n\t\t\"border border-overlay-border\",\n\t\t// Text - uses overlay text token\n\t\t\"text-overlay-text\",\n\t\t// Border radius - uses surface overlay token\n\t\t\"rounded-surface-overlay\",\n\t\t// Shadow for elevation\n\t\t\"shadow-lg\",\n\t\t// Allow arrow to extend outside popup bounds\n\t\t\"overflow-visible\",\n\t\t// Animation\n\t\t\"origin-[var(--transform-origin)]\",\n\t\t\"transition-[transform,scale,opacity] duration-150\",\n\t\t\"data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\n\t\t\"data-[ending-style]:scale-95 data-[ending-style]:opacity-0\",\n\t\t// Ensure it's above other content (higher than backdrop z-40)\n\t\t\"z-50\",\n\t\t// Max width for reasonable content display\n\t\t\"max-w-[320px]\",\n\t],\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"\",\n\t\t\t// Future variants can be added here\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t},\n});\n\n/**\n * Popover arrow variants - uses shared floating arrow variants\n */\nconst popoverArrowVariants = floatingArrowVariants;\n\n// ============================================================================\n// Popover Root\n// ============================================================================\n\nexport interface PopoverRootProps extends BasePopover.Root.Props {\n\tchildren: React.ReactNode;\n}\n\n/**\n * Popover Root\n *\n * Groups all popover parts. Does not render an element.\n */\nconst PopoverRoot = ({ children, ...props }: PopoverRootProps) => {\n\treturn <BasePopover.Root {...props}>{children}</BasePopover.Root>;\n};\n\n// ============================================================================\n// Popover Trigger\n// ============================================================================\n\nexport interface PopoverTriggerProps\n\textends React.ComponentProps<typeof BasePopover.Trigger> {\n\tclassName?: string;\n}\n\n/**\n * Popover Trigger\n *\n * The element that triggers the popover on click.\n * Renders as the child element with popover behavior attached.\n * When children is a single React element, uses `render` prop to avoid wrapper element.\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n\t({ className, children, ...props }, ref) => {\n\t\t// If children is a single React element, use render prop to avoid wrapper\n\t\tconst isSingleElement = React.isValidElement(children);\n\n\t\tif (isSingleElement) {\n\t\t\treturn (\n\t\t\t\t<BasePopover.Trigger\n\t\t\t\t\tref={ref}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\trender={children}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BasePopover.Trigger ref={ref} className={className} {...props}>\n\t\t\t\t{children}\n\t\t\t</BasePopover.Trigger>\n\t\t);\n\t},\n);\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\n// ============================================================================\n// Popover Portal\n// ============================================================================\n\nexport interface PopoverPortalProps extends BasePopover.Portal.Props {\n\tchildren: React.ReactNode;\n}\n\n/**\n * Popover Portal\n *\n * Renders the popover popup in a portal outside the DOM hierarchy.\n */\nconst PopoverPortal = ({ children, ...props }: PopoverPortalProps) => {\n\treturn <BasePopover.Portal {...props}>{children}</BasePopover.Portal>;\n};\n\n// ============================================================================\n// Popover Backdrop\n// ============================================================================\n\nexport interface PopoverBackdropProps\n\textends Omit<React.ComponentProps<typeof BasePopover.Backdrop>, \"className\"> {\n\tclassName?: string;\n}\n\n/**\n * Popover Backdrop\n *\n * Optional backdrop element that can be used to close the popover on click.\n */\nconst PopoverBackdrop = React.forwardRef<HTMLDivElement, PopoverBackdropProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BasePopover.Backdrop\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\"fixed inset-0 z-40\", className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nPopoverBackdrop.displayName = \"PopoverBackdrop\";\n\n// ============================================================================\n// Popover Positioner\n// ============================================================================\n\nexport interface PopoverPositionerProps\n\textends Omit<\n\t\tReact.ComponentProps<typeof BasePopover.Positioner>,\n\t\t\"className\"\n\t> {\n\tclassName?: string;\n}\n\n/**\n * Popover Positioner\n *\n * Positions the popover popup relative to the trigger.\n */\nconst PopoverPositioner = React.forwardRef<\n\tHTMLDivElement,\n\tPopoverPositionerProps\n>(({ className, side = \"bottom\", sideOffset = 8, ...props }, ref) => {\n\treturn (\n\t\t<BasePopover.Positioner\n\t\t\tref={ref}\n\t\t\tside={side}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\"z-50\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\n// ============================================================================\n// Popover Popup\n// ============================================================================\n\nexport interface PopoverPopupProps\n\textends Omit<React.ComponentProps<typeof BasePopover.Popup>, \"className\">,\n\t\tVariantProps<typeof popoverPopupVariants> {\n\tclassName?: string;\n}\n\n/**\n * Popover Popup\n *\n * The popover content container with styled appearance.\n */\nconst PopoverPopup = React.forwardRef<HTMLDivElement, PopoverPopupProps>(\n\t({ className, variant, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BasePopover.Popup\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(popoverPopupVariants({ variant }), className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nPopoverPopup.displayName = \"PopoverPopup\";\n\n// ============================================================================\n// Popover Arrow\n// ============================================================================\n\nexport interface PopoverArrowProps\n\textends Omit<React.ComponentProps<typeof BasePopover.Arrow>, \"className\"> {\n\tclassName?: string;\n}\n\n/**\n * Popover Arrow\n *\n * Visual pointer element for the popover.\n * Uses shared FloatingArrowSvg with overlay color tokens for fill and border.\n */\nconst PopoverArrow = React.forwardRef<HTMLDivElement, PopoverArrowProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BasePopover.Arrow\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(popoverArrowVariants(), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<FloatingArrowSvg\n\t\t\t\t\tfillClassName=\"fill-overlay-background\"\n\t\t\t\t\tborderClassName=\"fill-overlay-border\"\n\t\t\t\t/>\n\t\t\t</BasePopover.Arrow>\n\t\t);\n\t},\n);\nPopoverArrow.displayName = \"PopoverArrow\";\n\n// ============================================================================\n// Popover Title\n// ============================================================================\n\nexport interface PopoverTitleProps\n\textends Omit<React.ComponentProps<typeof BasePopover.Title>, \"className\"> {\n\tclassName?: string;\n}\n\n/**\n * Popover Title\n *\n * Title element for the popover content.\n */\nconst PopoverTitle = React.forwardRef<HTMLHeadingElement, PopoverTitleProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BasePopover.Title\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\"typography-body-md-md font-semibold\", className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nPopoverTitle.displayName = \"PopoverTitle\";\n\n// ============================================================================\n// Popover Description\n// ============================================================================\n\nexport interface PopoverDescriptionProps\n\textends Omit<\n\t\tReact.ComponentProps<typeof BasePopover.Description>,\n\t\t\"className\"\n\t> {\n\tclassName?: string;\n}\n\n/**\n * Popover Description\n *\n * Description element for the popover content.\n */\nconst PopoverDescription = React.forwardRef<\n\tHTMLParagraphElement,\n\tPopoverDescriptionProps\n>(({ className, ...props }, ref) => {\n\treturn (\n\t\t<BasePopover.Description\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"typography-body-sm-md text-overlay-text-muted mt-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\n// ============================================================================\n// Popover Close\n// ============================================================================\n\nexport interface PopoverCloseProps\n\textends Omit<React.ComponentProps<typeof BasePopover.Close>, \"className\"> {\n\tclassName?: string;\n}\n\n/**\n * Popover Close\n *\n * Close button for the popover.\n */\nconst PopoverClose = React.forwardRef<HTMLButtonElement, PopoverCloseProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BasePopover.Close\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"absolute right-8 top-8 rounded-surface-ui-small p-4\",\n\t\t\t\t\t\"text-overlay-text-muted hover:text-overlay-text\",\n\t\t\t\t\t\"hover:bg-bg-section focus:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nPopoverClose.displayName = \"PopoverClose\";\n\n// ============================================================================\n// Simple Popover Component\n// ============================================================================\n\nexport interface PopoverProps {\n\t/** The content to show in the popover */\n\tchildren: React.ReactNode;\n\t/** The element that triggers the popover */\n\ttrigger: React.ReactNode;\n\t/** Title for the popover (optional) */\n\ttitle?: React.ReactNode;\n\t/** Side of the trigger to show the popover */\n\tside?: \"top\" | \"bottom\" | \"left\" | \"right\";\n\t/** Offset from the trigger */\n\tsideOffset?: number;\n\t/** Alignment along the side */\n\talign?: \"start\" | \"center\" | \"end\";\n\t/** Whether to show an arrow */\n\tshowArrow?: boolean;\n\t/** Whether to show a close button */\n\tshowClose?: boolean;\n\t/** Controlled open state */\n\topen?: boolean;\n\t/** Default open state */\n\tdefaultOpen?: boolean;\n\t/** Callback when open state changes */\n\tonOpenChange?: (open: boolean) => void;\n\t/** Additional className for the popup */\n\tclassName?: string;\n}\n\n/**\n * Popover\n *\n * A simple, pre-composed popover component for common use cases.\n * For more complex needs, use the compound components directly.\n *\n * @example\n * ```tsx\n * <Popover\n *   trigger={<Button>Click me</Button>}\n *   title=\"Popover Title\"\n * >\n *   <p>This is the popover content.</p>\n * </Popover>\n * ```\n */\nconst Popover = ({\n\tchildren,\n\ttrigger,\n\ttitle,\n\tside = \"bottom\",\n\tsideOffset = 8,\n\talign = \"center\",\n\tshowArrow = true,\n\tshowClose = false,\n\topen,\n\tdefaultOpen,\n\tonOpenChange,\n\tclassName,\n}: PopoverProps) => {\n\treturn (\n\t\t<PopoverRoot\n\t\t\topen={open}\n\t\t\tdefaultOpen={defaultOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t>\n\t\t\t<PopoverTrigger>{trigger}</PopoverTrigger>\n\t\t\t<PopoverPortal>\n\t\t\t\t<PopoverPositioner side={side} sideOffset={sideOffset} align={align}>\n\t\t\t\t\t<PopoverPopup className={className}>\n\t\t\t\t\t\t{showArrow && <PopoverArrow />}\n\t\t\t\t\t\t{showClose && (\n\t\t\t\t\t\t\t<PopoverClose>\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"12\"\n\t\t\t\t\t\t\t\t\theight=\"12\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 12 12\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\td=\"M1.5 1.5L10.5 10.5M1.5 10.5L10.5 1.5\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t\t\t</PopoverClose>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{title && <PopoverTitle>{title}</PopoverTitle>}\n\t\t\t\t\t\t{title ? (\n\t\t\t\t\t\t\t<PopoverDescription>{children}</PopoverDescription>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tchildren\n\t\t\t\t\t\t)}\n\t\t\t\t\t</PopoverPopup>\n\t\t\t\t</PopoverPositioner>\n\t\t\t</PopoverPortal>\n\t\t</PopoverRoot>\n\t);\n};\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nexport const PopoverParts = Object.assign(PopoverRoot, {\n\tRoot: PopoverRoot,\n\tTrigger: PopoverTrigger,\n\tPortal: PopoverPortal,\n\tBackdrop: PopoverBackdrop,\n\tPositioner: PopoverPositioner,\n\tPopup: PopoverPopup,\n\tArrow: PopoverArrow,\n\tTitle: PopoverTitle,\n\tDescription: PopoverDescription,\n\tClose: PopoverClose,\n});\n\nexport {\n\tPopover,\n\tPopoverRoot,\n\tPopoverTrigger,\n\tPopoverPortal,\n\tPopoverBackdrop,\n\tPopoverPositioner,\n\tPopoverPopup,\n\tPopoverArrow,\n\tPopoverTitle,\n\tPopoverDescription,\n\tPopoverClose,\n\tpopoverPopupVariants,\n\tpopoverArrowVariants,\n};\n"],"names":["popoverPopupVariants","tv","popoverArrowVariants","floatingArrowVariants","PopoverRoot","children","props","BasePopover.Root","PopoverTrigger","React","className","ref","jsx","BasePopover.Trigger","PopoverPortal","BasePopover.Portal","PopoverBackdrop","BasePopover.Backdrop","cn","PopoverPositioner","side","sideOffset","BasePopover.Positioner","PopoverPopup","variant","BasePopover.Popup","PopoverArrow","BasePopover.Arrow","FloatingArrowSvg","PopoverTitle","BasePopover.Title","PopoverDescription","BasePopover.Description","PopoverClose","BasePopover.Close","Popover","trigger","title","align","showArrow","showClose","open","defaultOpen","onOpenChange","jsxs","PopoverParts"],"mappings":"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"}

package/dist/components/atoms/select/select.d.ts

@@ -1,131 +0,0 @@
-import { Select as BaseSelect } from '@base-ui-components/react/select';
-import { VariantProps } from 'tailwind-variants';
-import * as React from "react";
-/**
- * Select trigger variants based on Figma BaseKit / Interface / Dropdown
- *
- * States:
- * - Default: White background, subtle border
- * - Hover: Light gray background
- * - Focus/Open: Accent border with focus ring
- * - Selected: Has a value selected (darker text)
- * - Disabled: Reduced opacity, not interactive
- */
-declare const selectTriggerVariants: import('tailwind-variants').TVReturnType<{
-    size: {
-        readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
-        readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
-        readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
-    };
-    error: {
-        readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
-        readonly false: "";
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
-        readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
-        readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
-    };
-    error: {
-        readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
-        readonly false: "";
-    };
-}, {
-    size: {
-        readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
-        readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
-        readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
-    };
-    error: {
-        readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
-        readonly false: "";
-    };
-}>, {
-    size: {
-        readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
-        readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
-        readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
-    };
-    error: {
-        readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
-        readonly false: "";
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    size: {
-        readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
-        readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
-        readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
-    };
-    error: {
-        readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
-        readonly false: "";
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
-        readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
-        readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
-    };
-    error: {
-        readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
-        readonly false: "";
-    };
-}, {
-    size: {
-        readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
-        readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
-        readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
-    };
-    error: {
-        readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
-        readonly false: "";
-    };
-}>, unknown, unknown, undefined>>;
-/**
- * Select popup/menu variants
- */
-declare const selectPopupVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-/**
- * Select option/item variants based on Figma Menu Items
- *
- * States:
- * - Default: White background
- * - Hover/Highlighted: Light indigo tint background
- * - Selected: Stronger indigo tint with blue text and checkmark
- * - Disabled: Reduced opacity
- */
-declare const selectOptionVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export interface SelectProps<Value = string> extends BaseSelect.Root.Props<Value> {
-    children: React.ReactNode;
-}
-declare const SelectRoot: <Value = string>({ children, ...props }: SelectProps<Value>) => import("react/jsx-runtime").JSX.Element;
-export interface SelectTriggerProps extends Omit<React.ComponentProps<typeof BaseSelect.Trigger>, "className">, VariantProps<typeof selectTriggerVariants> {
-    className?: string;
-    placeholder?: string;
-}
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface SelectPopupProps extends Omit<React.ComponentProps<typeof BaseSelect.Popup>, "className"> {
-    className?: string;
-}
-declare const SelectPopup: React.ForwardRefExoticComponent<Omit<SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface SelectOptionProps extends Omit<React.ComponentProps<typeof BaseSelect.Item>, "className"> {
-    className?: string;
-}
-declare const SelectOption: React.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface SelectGroupProps extends Omit<React.ComponentProps<typeof BaseSelect.Group>, "className"> {
-    className?: string;
-}
-declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface SelectGroupLabelProps extends Omit<React.ComponentProps<typeof BaseSelect.GroupLabel>, "className"> {
-    className?: string;
-}
-declare const SelectGroupLabel: React.ForwardRefExoticComponent<Omit<SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const Select: (<Value = string>({ children, ...props }: SelectProps<Value>) => import("react/jsx-runtime").JSX.Element) & {
-    Trigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Popup: React.ForwardRefExoticComponent<Omit<SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Option: React.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    GroupLabel: React.ForwardRefExoticComponent<Omit<SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-};
-export { SelectRoot, SelectTrigger, SelectPopup, SelectOption, SelectGroup, SelectGroupLabel, selectTriggerVariants, selectPopupVariants, selectOptionVariants, };