@nationaldesignstudio/react 0.5.1 → 0.5.2

package/dist/components/atoms/select/select.js

@@ -1,192 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import * as n from "react";
-import { tv as s, cnBase as i } from "../../../node_modules/.bun/tailwind-variants@0.3.1_b0c4767bcd570450/node_modules/tailwind-variants/dist/index.js";
-import { formControlError as S, formControlSizes as h, formControlBase as y } from "../../../lib/form-control.js";
-import { SelectGroup as w } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/group/SelectGroup.js";
-import { SelectGroupLabel as x } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/group-label/SelectGroupLabel.js";
-import { SelectItem as k } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/item/SelectItem.js";
-import { SelectItemText as L } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/item-text/SelectItemText.js";
-import { SelectItemIndicator as N } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/item-indicator/SelectItemIndicator.js";
-import { SelectPortal as v } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/portal/SelectPortal.js";
-import { SelectPositioner as G } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/positioner/SelectPositioner.js";
-import { SelectPopup as R } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/popup/SelectPopup.js";
-import { SelectRoot as P } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/root/SelectRoot.js";
-import { SelectTrigger as j } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/trigger/SelectTrigger.js";
-import { SelectValue as C } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/value/SelectValue.js";
-import { SelectIcon as I } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/select/icon/SelectIcon.js";
-const T = s({
-  base: [
-    ...y,
-    // Select-specific styles
-    "justify-between cursor-pointer",
-    // Override disabled to use data attribute (Base UI pattern)
-    "data-[disabled]:bg-ui-control-background-disabled data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
-    // Open state styling
-    "data-[popup-open]:border-ui-accent-base data-[popup-open]:ring-4 data-[popup-open]:ring-ui-color-focus data-[popup-open]:bg-ui-control-background"
-  ],
-  variants: {
-    size: h,
-    error: S
-  },
-  defaultVariants: {
-    size: "default",
-    error: !1
-  }
-}), z = s({
-  base: [
-    // Layout - match trigger width using CSS custom property from Base UI
-    "flex flex-col gap-2 p-10",
-    "w-[var(--anchor-width)]",
-    // Background and border - uses surface ui radius for theming support
-    "bg-ui-control-background border border-solid border-ui-color-border-active rounded-surface-ui-medium",
-    // Focus ring shadow (ui-focus-state from Figma)
-    "ring-4 ring-ui-color-focus",
-    // 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
-    "z-50"
-  ]
-}), O = s({
-  base: [
-    // Layout
-    "flex items-center justify-between px-12 py-8 h-36",
-    // Typography - use semantic tokens
-    "typography-body-md-md font-medium text-ui-menu-item-text",
-    // Background - default
-    "bg-ui-menu-item-bg",
-    // Border radius - uses surface ui radius for theming support
-    "rounded-surface-ui-medium",
-    // Cursor
-    "cursor-pointer outline-none",
-    // Transitions
-    "transition-colors duration-150",
-    // Hover/highlighted state - use semantic token
-    "data-[highlighted]:bg-ui-menu-item-bg-hover",
-    // Selected state - use semantic tokens
-    "data-[selected]:bg-ui-menu-item-bg-selected data-[selected]:text-ui-menu-item-text-selected",
-    // Disabled state
-    "data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"
-  ]
-}), V = ({ className: t }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    className: i("size-16 text-gray-500 shrink-0", t),
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        d: "M4 6L8 10L12 6",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  }
-), $ = ({ className: t }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    className: i("size-14 shrink-0", t),
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        d: "M11.6666 3.5L5.24992 9.91667L2.33325 7",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  }
-), B = ({
-  children: t,
-  ...r
-}) => /* @__PURE__ */ e(P, { ...r, children: t }), d = n.forwardRef(
-  ({ className: t, size: r, error: o, placeholder: a = "Select option...", ...g }, b) => /* @__PURE__ */ l(
-    j,
-    {
-      ref: b,
-      className: i(T({ size: r, error: o }), t),
-      ...g,
-      children: [
-        /* @__PURE__ */ e(C, { children: (c) => c || /* @__PURE__ */ e("span", { className: "text-text-muted", children: a }) }),
-        /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(V, {}) })
-      ]
-    }
-  )
-);
-d.displayName = "SelectTrigger";
-const p = n.forwardRef(
-  ({ className: t, children: r, ...o }, a) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(G, { side: "bottom", sideOffset: 4, align: "start", children: /* @__PURE__ */ e(
-    R,
-    {
-      ref: a,
-      className: i(z(), t),
-      ...o,
-      children: r
-    }
-  ) }) })
-);
-p.displayName = "SelectPopup";
-const m = n.forwardRef(
-  ({ className: t, children: r, ...o }, a) => /* @__PURE__ */ l(
-    k,
-    {
-      ref: a,
-      className: i(O(), t),
-      ...o,
-      children: [
-        /* @__PURE__ */ e(L, { children: r }),
-        /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e($, {}) })
-      ]
-    }
-  )
-);
-m.displayName = "SelectOption";
-const u = n.forwardRef(
-  ({ className: t, children: r, ...o }, a) => /* @__PURE__ */ e(w, { ref: a, className: t, ...o, children: r })
-);
-u.displayName = "SelectGroup";
-const f = n.forwardRef(({ className: t, children: r, ...o }, a) => /* @__PURE__ */ e(
-  x,
-  {
-    ref: a,
-    className: i(
-      "px-12 py-6 typography-body-sm-sm font-medium text-text-muted uppercase tracking-wide",
-      t
-    ),
-    ...o,
-    children: r
-  }
-));
-f.displayName = "SelectGroupLabel";
-const _ = Object.assign(B, {
-  Trigger: d,
-  Popup: p,
-  Option: m,
-  Group: u,
-  GroupLabel: f
-});
-export {
-  _ as Select,
-  u as SelectGroup,
-  f as SelectGroupLabel,
-  m as SelectOption,
-  p as SelectPopup,
-  B as SelectRoot,
-  d as SelectTrigger,
-  O as selectOptionVariants,
-  z as selectPopupVariants,
-  T as selectTriggerVariants
-};
-//# sourceMappingURL=select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","sources":["../../../../src/components/atoms/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as BaseSelect } from \"@base-ui-components/react/select\";\nimport * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport {\n\tformControlBase,\n\tformControlError,\n\tformControlSizes,\n} from \"@/lib/form-control\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Select trigger variants based on Figma BaseKit / Interface / Dropdown\n *\n * States:\n * - Default: White background, subtle border\n * - Hover: Light gray background\n * - Focus/Open: Accent border with focus ring\n * - Selected: Has a value selected (darker text)\n * - Disabled: Reduced opacity, not interactive\n */\nconst selectTriggerVariants = tv({\n\tbase: [\n\t\t...formControlBase,\n\t\t// Select-specific styles\n\t\t\"justify-between cursor-pointer\",\n\t\t// Override disabled to use data attribute (Base UI pattern)\n\t\t\"data-[disabled]:bg-ui-control-background-disabled data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n\t\t// Open state styling\n\t\t\"data-[popup-open]:border-ui-accent-base data-[popup-open]:ring-4 data-[popup-open]:ring-ui-color-focus data-[popup-open]:bg-ui-control-background\",\n\t],\n\tvariants: {\n\t\tsize: formControlSizes,\n\t\terror: formControlError,\n\t},\n\tdefaultVariants: {\n\t\tsize: \"default\",\n\t\terror: false,\n\t},\n});\n\n/**\n * Select popup/menu variants\n */\nconst selectPopupVariants = tv({\n\tbase: [\n\t\t// Layout - match trigger width using CSS custom property from Base UI\n\t\t\"flex flex-col gap-2 p-10\",\n\t\t\"w-[var(--anchor-width)]\",\n\t\t// Background and border - uses surface ui radius for theming support\n\t\t\"bg-ui-control-background border border-solid border-ui-color-border-active rounded-surface-ui-medium\",\n\t\t// Focus ring shadow (ui-focus-state from Figma)\n\t\t\"ring-4 ring-ui-color-focus\",\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\n\t\t\"z-50\",\n\t],\n});\n\n/**\n * Select option/item variants based on Figma Menu Items\n *\n * States:\n * - Default: White background\n * - Hover/Highlighted: Light indigo tint background\n * - Selected: Stronger indigo tint with blue text and checkmark\n * - Disabled: Reduced opacity\n */\nconst selectOptionVariants = tv({\n\tbase: [\n\t\t// Layout\n\t\t\"flex items-center justify-between px-12 py-8 h-36\",\n\t\t// Typography - use semantic tokens\n\t\t\"typography-body-md-md font-medium text-ui-menu-item-text\",\n\t\t// Background - default\n\t\t\"bg-ui-menu-item-bg\",\n\t\t// Border radius - uses surface ui radius for theming support\n\t\t\"rounded-surface-ui-medium\",\n\t\t// Cursor\n\t\t\"cursor-pointer outline-none\",\n\t\t// Transitions\n\t\t\"transition-colors duration-150\",\n\t\t// Hover/highlighted state - use semantic token\n\t\t\"data-[highlighted]:bg-ui-menu-item-bg-hover\",\n\t\t// Selected state - use semantic tokens\n\t\t\"data-[selected]:bg-ui-menu-item-bg-selected data-[selected]:text-ui-menu-item-text-selected\",\n\t\t// Disabled state\n\t\t\"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n\t],\n});\n\n/**\n * Chevron icon for the select trigger\n */\nconst SelectChevronIcon = ({ className }: { className?: string }) => (\n\t<svg\n\t\tclassName={cn(\"size-16 text-gray-500 shrink-0\", className)}\n\t\tviewBox=\"0 0 16 16\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<path\n\t\t\td=\"M4 6L8 10L12 6\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t/>\n\t</svg>\n);\n\n/**\n * Checkmark icon for selected options\n */\nconst CheckIcon = ({ className }: { className?: string }) => (\n\t<svg\n\t\tclassName={cn(\"size-14 shrink-0\", className)}\n\t\tviewBox=\"0 0 14 14\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<path\n\t\t\td=\"M11.6666 3.5L5.24992 9.91667L2.33325 7\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t/>\n\t</svg>\n);\n\n// ============================================================================\n// Select Root\n// ============================================================================\n\nexport interface SelectProps<Value = string>\n\textends BaseSelect.Root.Props<Value> {\n\tchildren: React.ReactNode;\n}\n\nconst SelectRoot = <Value = string>({\n\tchildren,\n\t...props\n}: SelectProps<Value>) => {\n\treturn <BaseSelect.Root {...props}>{children}</BaseSelect.Root>;\n};\n\n// ============================================================================\n// Select Trigger\n// ============================================================================\n\nexport interface SelectTriggerProps\n\textends Omit<React.ComponentProps<typeof BaseSelect.Trigger>, \"className\">,\n\t\tVariantProps<typeof selectTriggerVariants> {\n\tclassName?: string;\n\tplaceholder?: string;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n\t(\n\t\t{ className, size, error, placeholder = \"Select option...\", ...props },\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<BaseSelect.Trigger\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(selectTriggerVariants({ size, error }), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<BaseSelect.Value>\n\t\t\t\t\t{(value) =>\n\t\t\t\t\t\tvalue ? (\n\t\t\t\t\t\t\tvalue\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"text-text-muted\">{placeholder}</span>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t</BaseSelect.Value>\n\t\t\t\t<BaseSelect.Icon>\n\t\t\t\t\t<SelectChevronIcon />\n\t\t\t\t</BaseSelect.Icon>\n\t\t\t</BaseSelect.Trigger>\n\t\t);\n\t},\n);\nSelectTrigger.displayName = \"SelectTrigger\";\n\n// ============================================================================\n// Select Portal & Popup\n// ============================================================================\n\nexport interface SelectPopupProps\n\textends Omit<React.ComponentProps<typeof BaseSelect.Popup>, \"className\"> {\n\tclassName?: string;\n}\n\nconst SelectPopup = React.forwardRef<HTMLDivElement, SelectPopupProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BaseSelect.Portal>\n\t\t\t\t<BaseSelect.Positioner side=\"bottom\" sideOffset={4} align=\"start\">\n\t\t\t\t\t<BaseSelect.Popup\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={cn(selectPopupVariants(), className)}\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</BaseSelect.Popup>\n\t\t\t\t</BaseSelect.Positioner>\n\t\t\t</BaseSelect.Portal>\n\t\t);\n\t},\n);\nSelectPopup.displayName = \"SelectPopup\";\n\n// ============================================================================\n// Select Option (wraps Base UI's Select.Item)\n// ============================================================================\n\nexport interface SelectOptionProps\n\textends Omit<React.ComponentProps<typeof BaseSelect.Item>, \"className\"> {\n\tclassName?: string;\n}\n\nconst SelectOption = React.forwardRef<HTMLDivElement, SelectOptionProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BaseSelect.Item\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(selectOptionVariants(), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<BaseSelect.ItemText>{children}</BaseSelect.ItemText>\n\t\t\t\t<BaseSelect.ItemIndicator>\n\t\t\t\t\t<CheckIcon />\n\t\t\t\t</BaseSelect.ItemIndicator>\n\t\t\t</BaseSelect.Item>\n\t\t);\n\t},\n);\nSelectOption.displayName = \"SelectOption\";\n\n// ============================================================================\n// Select Group\n// ============================================================================\n\nexport interface SelectGroupProps\n\textends Omit<React.ComponentProps<typeof BaseSelect.Group>, \"className\"> {\n\tclassName?: string;\n}\n\nconst SelectGroup = React.forwardRef<HTMLDivElement, SelectGroupProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BaseSelect.Group ref={ref} className={className} {...props}>\n\t\t\t\t{children}\n\t\t\t</BaseSelect.Group>\n\t\t);\n\t},\n);\nSelectGroup.displayName = \"SelectGroup\";\n\n// ============================================================================\n// Select Group Label\n// ============================================================================\n\nexport interface SelectGroupLabelProps\n\textends Omit<\n\t\tReact.ComponentProps<typeof BaseSelect.GroupLabel>,\n\t\t\"className\"\n\t> {\n\tclassName?: string;\n}\n\nconst SelectGroupLabel = React.forwardRef<\n\tHTMLDivElement,\n\tSelectGroupLabelProps\n>(({ className, children, ...props }, ref) => {\n\treturn (\n\t\t<BaseSelect.GroupLabel\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-12 py-6 typography-body-sm-sm font-medium text-text-muted uppercase tracking-wide\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</BaseSelect.GroupLabel>\n\t);\n});\nSelectGroupLabel.displayName = \"SelectGroupLabel\";\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nexport const Select = Object.assign(SelectRoot, {\n\tTrigger: SelectTrigger,\n\tPopup: SelectPopup,\n\tOption: SelectOption,\n\tGroup: SelectGroup,\n\tGroupLabel: SelectGroupLabel,\n});\n\n// Also export individual components for flexibility\nexport {\n\tSelectRoot,\n\tSelectTrigger,\n\tSelectPopup,\n\tSelectOption,\n\tSelectGroup,\n\tSelectGroupLabel,\n\tselectTriggerVariants,\n\tselectPopupVariants,\n\tselectOptionVariants,\n};\n"],"names":["selectTriggerVariants","tv","formControlBase","formControlSizes","formControlError","selectPopupVariants","selectOptionVariants","SelectChevronIcon","className","jsx","cn","CheckIcon","SelectRoot","children","props","BaseSelect.Root","SelectTrigger","React","size","error","placeholder","ref","jsxs","BaseSelect.Trigger","BaseSelect.Value","value","BaseSelect.Icon","SelectPopup","BaseSelect.Portal","BaseSelect.Positioner","BaseSelect.Popup","SelectOption","BaseSelect.Item","BaseSelect.ItemText","BaseSelect.ItemIndicator","SelectGroup","BaseSelect.Group","SelectGroupLabel","BaseSelect.GroupLabel","Select"],"mappings":"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"}

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

@@ -1,161 +0,0 @@
-import { Tooltip as BaseTooltip } from '@base-ui-components/react/tooltip';
-import { VariantProps } from 'tailwind-variants';
-import * as React from "react";
-/**
- * Tooltip popup variants
- *
- * Uses semantic tokens for themeable styling:
- * - color.tooltip.bg - Dark background
- * - color.tooltip.text - Light text
- * - surface.tooltip.radius - Small border radius
- * - spatial.component.tooltip.padding-x/y - Consistent padding
- */
-declare const tooltipPopupVariants: 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>>;
-/**
- * Tooltip arrow variants - uses shared floating arrow variants
- */
-declare const tooltipArrowVariants: 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 TooltipProviderProps extends BaseTooltip.Provider.Props {
-    children: React.ReactNode;
-}
-/**
- * Tooltip Provider
- *
- * Manages shared delays across multiple tooltips.
- * Wrap your app or a section with this to enable tooltip delay grouping.
- */
-declare const TooltipProvider: ({ children, ...props }: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
-export interface TooltipRootProps extends BaseTooltip.Root.Props {
-    children: React.ReactNode;
-}
-/**
- * Tooltip Root
- *
- * Groups all tooltip parts. Does not render an element.
- */
-declare const TooltipRoot: ({ children, ...props }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;
-export interface TooltipTriggerProps extends React.ComponentProps<typeof BaseTooltip.Trigger> {
-    className?: string;
-}
-/**
- * Tooltip Trigger
- *
- * The element that triggers the tooltip on hover/focus.
- * Renders as the child element with tooltip behavior attached.
- * When children is a single React element, uses `render` prop to avoid wrapper element.
- */
-declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface TooltipPortalProps extends BaseTooltip.Portal.Props {
-    children: React.ReactNode;
-}
-/**
- * Tooltip Portal
- *
- * Renders the tooltip popup in a portal outside the DOM hierarchy.
- */
-declare const TooltipPortal: ({ children, ...props }: TooltipPortalProps) => import("react/jsx-runtime").JSX.Element;
-export interface TooltipPositionerProps extends Omit<React.ComponentProps<typeof BaseTooltip.Positioner>, "className"> {
-    className?: string;
-}
-/**
- * Tooltip Positioner
- *
- * Positions the tooltip popup relative to the trigger.
- */
-declare const TooltipPositioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface TooltipPopupProps extends Omit<React.ComponentProps<typeof BaseTooltip.Popup>, "className">, VariantProps<typeof tooltipPopupVariants> {
-    className?: string;
-}
-/**
- * Tooltip Popup
- *
- * The tooltip content container with styled appearance.
- */
-declare const TooltipPopup: React.ForwardRefExoticComponent<Omit<TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface TooltipArrowProps extends Omit<React.ComponentProps<typeof BaseTooltip.Arrow>, "className"> {
-    className?: string;
-}
-/**
- * Tooltip Arrow
- *
- * Visual pointer element for the tooltip.
- * Uses shared FloatingArrowSvg with tooltip-bg color token.
- */
-declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface TooltipProps {
-    /** The content to show in the tooltip */
-    content: React.ReactNode;
-    /** The element that triggers the tooltip */
-    children: React.ReactNode;
-    /** Side of the trigger to show the tooltip */
-    side?: "top" | "bottom" | "left" | "right";
-    /** Offset from the trigger */
-    sideOffset?: number;
-    /** Alignment along the side */
-    align?: "start" | "center" | "end";
-    /** Delay before showing the tooltip (ms) */
-    delay?: number;
-    /** Delay before hiding the tooltip (ms) */
-    closeDelay?: number;
-    /** Whether to show an arrow */
-    showArrow?: 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;
-}
-/**
- * Tooltip
- *
- * A simple, pre-composed tooltip component for common use cases.
- *
- * @example
- * ```tsx
- * <Tooltip content="Save your changes">
- *   <Button>Save</Button>
- * </Tooltip>
- * ```
- */
-declare const Tooltip: ({ content, children, side, sideOffset, align, delay, closeDelay, showArrow, open, defaultOpen, onOpenChange, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipParts: (({ children, ...props }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element) & {
-    Provider: ({ children, ...props }: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
-    Root: ({ children, ...props }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Portal: ({ children, ...props }: TooltipPortalProps) => import("react/jsx-runtime").JSX.Element;
-    Positioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Popup: React.ForwardRefExoticComponent<Omit<TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-};
-export { Tooltip, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipPositioner, TooltipPopup, TooltipArrow, tooltipPopupVariants, tooltipArrowVariants, };

package/dist/components/atoms/tooltip/tooltip.js

@@ -1,139 +0,0 @@
-import { jsxs as T, jsx as r } from "react/jsx-runtime";
-import * as p from "react";
-import { tv as b, cnBase as f } from "../../../node_modules/.bun/tailwind-variants@0.3.1_b0c4767bcd570450/node_modules/tailwind-variants/dist/index.js";
-import { floatingArrowVariants as x, FloatingArrowSvg as N } from "../../shared/floating-arrow.js";
-import { TooltipArrow as $ } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/tooltip/arrow/TooltipArrow.js";
-import { TooltipPopup as h } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/tooltip/popup/TooltipPopup.js";
-import { TooltipPortal as V } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/tooltip/portal/TooltipPortal.js";
-import { TooltipPositioner as j } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/tooltip/positioner/TooltipPositioner.js";
-import { TooltipProvider as E } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/tooltip/provider/TooltipProvider.js";
-import { TooltipRoot as S } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/tooltip/root/TooltipRoot.js";
-import { TooltipTrigger as c } from "../../../node_modules/.bun/@base-ui-components_react@1.0.0-rc.0_6526322f93af6249/node_modules/@base-ui-components/react/esm/tooltip/trigger/TooltipTrigger.js";
-const z = b({
-  base: [
-    // Layout - uses component tooltip tokens
-    "px-spatial-component-tooltip-padding-x py-spatial-component-tooltip-padding-y",
-    // Background and text - uses tooltip color tokens
-    "bg-tooltip-bg text-tooltip-text",
-    // Border radius - uses surface tooltip token
-    "rounded-surface-tooltip",
-    // Typography - uses semantic body text composite
-    "typography-body-sm-md font-medium",
-    // Shadow for elevation
-    "shadow-md",
-    // 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
-    "z-50"
-  ],
-  variants: {
-    variant: {
-      default: ""
-      // Future variants can be added here (e.g., light, primary)
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), B = x, C = ({ children: t, ...o }) => /* @__PURE__ */ r(E, { ...o, children: t }), l = ({ children: t, ...o }) => /* @__PURE__ */ r(S, { ...o, children: t }), n = p.forwardRef(
-  ({ className: t, children: o, ...i }, a) => p.isValidElement(o) ? /* @__PURE__ */ r(
-    c,
-    {
-      ref: a,
-      className: t,
-      render: o,
-      ...i
-    }
-  ) : /* @__PURE__ */ r(c, { ref: a, className: t, ...i, children: o })
-);
-n.displayName = "TooltipTrigger";
-const g = ({ children: t, ...o }) => /* @__PURE__ */ r(V, { ...o, children: t }), s = p.forwardRef(({ className: t, side: o = "top", sideOffset: i = 8, ...a }, e) => /* @__PURE__ */ r(
-  j,
-  {
-    ref: e,
-    side: o,
-    sideOffset: i,
-    className: t,
-    ...a
-  }
-));
-s.displayName = "TooltipPositioner";
-const m = p.forwardRef(
-  ({ className: t, variant: o, ...i }, a) => /* @__PURE__ */ r(
-    h,
-    {
-      ref: a,
-      role: "tooltip",
-      className: f(z({ variant: o }), t),
-      ...i
-    }
-  )
-);
-m.displayName = "TooltipPopup";
-const d = p.forwardRef(
-  ({ className: t, ...o }, i) => /* @__PURE__ */ r(
-    $,
-    {
-      ref: i,
-      className: f(B(), t),
-      ...o,
-      children: /* @__PURE__ */ r(N, { fillClassName: "fill-tooltip-bg" })
-    }
-  )
-);
-d.displayName = "TooltipArrow";
-const L = ({
-  content: t,
-  children: o,
-  side: i = "top",
-  sideOffset: a = 8,
-  align: e = "center",
-  delay: u,
-  closeDelay: P,
-  showArrow: y = !0,
-  open: w,
-  defaultOpen: v,
-  onOpenChange: R,
-  className: A
-}) => /* @__PURE__ */ T(
-  l,
-  {
-    open: w,
-    defaultOpen: v,
-    onOpenChange: R,
-    children: [
-      /* @__PURE__ */ r(n, { delay: u, closeDelay: P, children: o }),
-      /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(s, { side: i, sideOffset: a, align: e, children: /* @__PURE__ */ T(m, { className: A, children: [
-        y && /* @__PURE__ */ r(d, {}),
-        t
-      ] }) }) })
-    ]
-  }
-), M = Object.assign(l, {
-  Provider: C,
-  Root: l,
-  Trigger: n,
-  Portal: g,
-  Positioner: s,
-  Popup: m,
-  Arrow: d
-});
-export {
-  L as Tooltip,
-  d as TooltipArrow,
-  M as TooltipParts,
-  m as TooltipPopup,
-  g as TooltipPortal,
-  s as TooltipPositioner,
-  C as TooltipProvider,
-  l as TooltipRoot,
-  n as TooltipTrigger,
-  B as tooltipArrowVariants,
-  z as tooltipPopupVariants
-};
-//# sourceMappingURL=tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../src/components/atoms/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as BaseTooltip } from \"@base-ui-components/react/tooltip\";\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 * Tooltip popup variants\n *\n * Uses semantic tokens for themeable styling:\n * - color.tooltip.bg - Dark background\n * - color.tooltip.text - Light text\n * - surface.tooltip.radius - Small border radius\n * - spatial.component.tooltip.padding-x/y - Consistent padding\n */\nconst tooltipPopupVariants = tv({\n\tbase: [\n\t\t// Layout - uses component tooltip tokens\n\t\t\"px-spatial-component-tooltip-padding-x py-spatial-component-tooltip-padding-y\",\n\t\t// Background and text - uses tooltip color tokens\n\t\t\"bg-tooltip-bg text-tooltip-text\",\n\t\t// Border radius - uses surface tooltip token\n\t\t\"rounded-surface-tooltip\",\n\t\t// Typography - uses semantic body text composite\n\t\t\"typography-body-sm-md font-medium\",\n\t\t// Shadow for elevation\n\t\t\"shadow-md\",\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\n\t\t\"z-50\",\n\t],\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"\",\n\t\t\t// Future variants can be added here (e.g., light, primary)\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t},\n});\n\n/**\n * Tooltip arrow variants - uses shared floating arrow variants\n */\nconst tooltipArrowVariants = floatingArrowVariants;\n\n// ============================================================================\n// Tooltip Provider\n// ============================================================================\n\nexport interface TooltipProviderProps extends BaseTooltip.Provider.Props {\n\tchildren: React.ReactNode;\n}\n\n/**\n * Tooltip Provider\n *\n * Manages shared delays across multiple tooltips.\n * Wrap your app or a section with this to enable tooltip delay grouping.\n */\nconst TooltipProvider = ({ children, ...props }: TooltipProviderProps) => {\n\treturn <BaseTooltip.Provider {...props}>{children}</BaseTooltip.Provider>;\n};\n\n// ============================================================================\n// Tooltip Root\n// ============================================================================\n\nexport interface TooltipRootProps extends BaseTooltip.Root.Props {\n\tchildren: React.ReactNode;\n}\n\n/**\n * Tooltip Root\n *\n * Groups all tooltip parts. Does not render an element.\n */\nconst TooltipRoot = ({ children, ...props }: TooltipRootProps) => {\n\treturn <BaseTooltip.Root {...props}>{children}</BaseTooltip.Root>;\n};\n\n// ============================================================================\n// Tooltip Trigger\n// ============================================================================\n\nexport interface TooltipTriggerProps\n\textends React.ComponentProps<typeof BaseTooltip.Trigger> {\n\tclassName?: string;\n}\n\n/**\n * Tooltip Trigger\n *\n * The element that triggers the tooltip on hover/focus.\n * Renders as the child element with tooltip behavior attached.\n * When children is a single React element, uses `render` prop to avoid wrapper element.\n */\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\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<BaseTooltip.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<BaseTooltip.Trigger ref={ref} className={className} {...props}>\n\t\t\t\t{children}\n\t\t\t</BaseTooltip.Trigger>\n\t\t);\n\t},\n);\nTooltipTrigger.displayName = \"TooltipTrigger\";\n\n// ============================================================================\n// Tooltip Portal\n// ============================================================================\n\nexport interface TooltipPortalProps extends BaseTooltip.Portal.Props {\n\tchildren: React.ReactNode;\n}\n\n/**\n * Tooltip Portal\n *\n * Renders the tooltip popup in a portal outside the DOM hierarchy.\n */\nconst TooltipPortal = ({ children, ...props }: TooltipPortalProps) => {\n\treturn <BaseTooltip.Portal {...props}>{children}</BaseTooltip.Portal>;\n};\n\n// ============================================================================\n// Tooltip Positioner\n// ============================================================================\n\nexport interface TooltipPositionerProps\n\textends Omit<\n\t\tReact.ComponentProps<typeof BaseTooltip.Positioner>,\n\t\t\"className\"\n\t> {\n\tclassName?: string;\n}\n\n/**\n * Tooltip Positioner\n *\n * Positions the tooltip popup relative to the trigger.\n */\nconst TooltipPositioner = React.forwardRef<\n\tHTMLDivElement,\n\tTooltipPositionerProps\n>(({ className, side = \"top\", sideOffset = 8, ...props }, ref) => {\n\treturn (\n\t\t<BaseTooltip.Positioner\n\t\t\tref={ref}\n\t\t\tside={side}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={className}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nTooltipPositioner.displayName = \"TooltipPositioner\";\n\n// ============================================================================\n// Tooltip Popup\n// ============================================================================\n\nexport interface TooltipPopupProps\n\textends Omit<React.ComponentProps<typeof BaseTooltip.Popup>, \"className\">,\n\t\tVariantProps<typeof tooltipPopupVariants> {\n\tclassName?: string;\n}\n\n/**\n * Tooltip Popup\n *\n * The tooltip content container with styled appearance.\n */\nconst TooltipPopup = React.forwardRef<HTMLDivElement, TooltipPopupProps>(\n\t({ className, variant, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BaseTooltip.Popup\n\t\t\t\tref={ref}\n\t\t\t\trole=\"tooltip\"\n\t\t\t\tclassName={cn(tooltipPopupVariants({ variant }), className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nTooltipPopup.displayName = \"TooltipPopup\";\n\n// ============================================================================\n// Tooltip Arrow\n// ============================================================================\n\nexport interface TooltipArrowProps\n\textends Omit<React.ComponentProps<typeof BaseTooltip.Arrow>, \"className\"> {\n\tclassName?: string;\n}\n\n/**\n * Tooltip Arrow\n *\n * Visual pointer element for the tooltip.\n * Uses shared FloatingArrowSvg with tooltip-bg color token.\n */\nconst TooltipArrow = React.forwardRef<HTMLDivElement, TooltipArrowProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BaseTooltip.Arrow\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(tooltipArrowVariants(), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<FloatingArrowSvg fillClassName=\"fill-tooltip-bg\" />\n\t\t\t</BaseTooltip.Arrow>\n\t\t);\n\t},\n);\nTooltipArrow.displayName = \"TooltipArrow\";\n\n// ============================================================================\n// Simple Tooltip Component\n// ============================================================================\n\nexport interface TooltipProps {\n\t/** The content to show in the tooltip */\n\tcontent: React.ReactNode;\n\t/** The element that triggers the tooltip */\n\tchildren: React.ReactNode;\n\t/** Side of the trigger to show the tooltip */\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/** Delay before showing the tooltip (ms) */\n\tdelay?: number;\n\t/** Delay before hiding the tooltip (ms) */\n\tcloseDelay?: number;\n\t/** Whether to show an arrow */\n\tshowArrow?: 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 * Tooltip\n *\n * A simple, pre-composed tooltip component for common use cases.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"Save your changes\">\n *   <Button>Save</Button>\n * </Tooltip>\n * ```\n */\nconst Tooltip = ({\n\tcontent,\n\tchildren,\n\tside = \"top\",\n\tsideOffset = 8,\n\talign = \"center\",\n\tdelay,\n\tcloseDelay,\n\tshowArrow = true,\n\topen,\n\tdefaultOpen,\n\tonOpenChange,\n\tclassName,\n}: TooltipProps) => {\n\treturn (\n\t\t<TooltipRoot\n\t\t\topen={open}\n\t\t\tdefaultOpen={defaultOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t>\n\t\t\t<TooltipTrigger delay={delay} closeDelay={closeDelay}>\n\t\t\t\t{children}\n\t\t\t</TooltipTrigger>\n\t\t\t<TooltipPortal>\n\t\t\t\t<TooltipPositioner side={side} sideOffset={sideOffset} align={align}>\n\t\t\t\t\t<TooltipPopup className={className}>\n\t\t\t\t\t\t{showArrow && <TooltipArrow />}\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</TooltipPopup>\n\t\t\t\t</TooltipPositioner>\n\t\t\t</TooltipPortal>\n\t\t</TooltipRoot>\n\t);\n};\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nexport const TooltipParts = Object.assign(TooltipRoot, {\n\tProvider: TooltipProvider,\n\tRoot: TooltipRoot,\n\tTrigger: TooltipTrigger,\n\tPortal: TooltipPortal,\n\tPositioner: TooltipPositioner,\n\tPopup: TooltipPopup,\n\tArrow: TooltipArrow,\n});\n\nexport {\n\tTooltip,\n\tTooltipProvider,\n\tTooltipRoot,\n\tTooltipTrigger,\n\tTooltipPortal,\n\tTooltipPositioner,\n\tTooltipPopup,\n\tTooltipArrow,\n\ttooltipPopupVariants,\n\ttooltipArrowVariants,\n};\n"],"names":["tooltipPopupVariants","tv","tooltipArrowVariants","floatingArrowVariants","TooltipProvider","children","props","BaseTooltip.Provider","TooltipRoot","BaseTooltip.Root","TooltipTrigger","React","className","ref","jsx","BaseTooltip.Trigger","TooltipPortal","BaseTooltip.Portal","TooltipPositioner","side","sideOffset","BaseTooltip.Positioner","TooltipPopup","variant","BaseTooltip.Popup","cn","TooltipArrow","BaseTooltip.Arrow","FloatingArrowSvg","Tooltip","content","align","delay","closeDelay","showArrow","open","defaultOpen","onOpenChange","jsxs","TooltipParts"],"mappings":"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"}

package/dist/components/dev-tools/dev-toolbar/dev-toolbar.d.ts

@@ -1,4 +0,0 @@
-export interface DevToolbarProps {
-    defaultExpanded?: boolean;
-}
-export declare function DevToolbar({ defaultExpanded }: DevToolbarProps): import("react/jsx-runtime").JSX.Element;