@graundtech/fluent2-react-kit 0.5.1

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

@@ -0,0 +1,115 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+
+/**
+ * Tooltip — Fluent 2-styled, shadcn-API tooltip.
+ *
+ * Behavior — hover/focus delay, portalling, collision-aware positioning,
+ * dismiss-on-Escape — genuinely needs a primitive (conventions §9), so the
+ * parts wrap `@base-ui/react/tooltip` (namespace import, matching the actual
+ * export shape in node_modules, exactly like `select.tsx`/`avatar.tsx`).
+ * `select.tsx`'s doc comment calls out Tooltip by name as inheriting its
+ * portal → positioner → popup pattern; this file is that follow-through.
+ *
+ * ## Base UI mapping (conventions §9)
+ *
+ * | Exported (shadcn name) | Base UI primitive                                    |
+ * | ----------------------- | ---------------------------------------------------- |
+ * | `TooltipProvider`       | `Tooltip.Provider`                                    |
+ * | `Tooltip`                | `Tooltip.Root`                                        |
+ * | `TooltipTrigger`         | `Tooltip.Trigger`                                     |
+ * | `TooltipContent`         | `Tooltip.Portal` + `Tooltip.Positioner` + `Tooltip.Popup` |
+ *
+ * ## Divergences from the shadcn/Radix Tooltip API (all deliberate)
+ * 1. **Neutral elevated surface, not an inverted brand bubble.** shadcn's
+ *    tooltip is `bg-primary text-primary-foreground` — a dark, high-contrast
+ *    chip. Fluent 2 tooltips are a **neutral flyout**, visually the same family
+ *    as `SelectContent`/menus: `bg-popover text-popover-foreground`, a hairline
+ *    `border`, and `shadow-16` elevation, just smaller (`text-xs`,
+ *    `px-2.5 py-1.5`, `max-w-60`). This is the headline visual departure from
+ *    shadcn for this component — everything else follows shadcn's API shape.
+ * 2. **No arrow/beak by default.** Base UI ships `Tooltip.Arrow`, but Fluent 2's
+ *    tooltip is a plain floating rectangle with no pointer back to the trigger.
+ *    `TooltipContent` does not render one and `TooltipArrow` is intentionally
+ *    not re-exported; a consumer who wants Radix/shadcn's pointer can compose
+ *    `@base-ui/react/tooltip`'s `Arrow` part directly alongside this component.
+ * 3. **Composition uses Base UI's `render` prop, not `asChild`.**
+ *    `Tooltip.Trigger` renders its own `<button>` (Base UI's model — there is no
+ *    Slot-style boolean). `TooltipTrigger`'s props type (`TooltipPrimitive.
+ *    Trigger.Props` — used directly rather than `ComponentProps<typeof
+ *    TooltipPrimitive.Trigger>`, which loses the `ref` type through Base UI's
+ *    generic `<Payload>` call signature) already includes Base UI's `render`
+ *    prop, so no extra plumbing is needed to point the trigger at another
+ *    element (e.g. the kit's `Button`):
+ *    `<TooltipTrigger render={<Button variant="outline">Hover me</Button>} />`.
+ *    This is the direct Base UI analogue of shadcn's
+ *    `<TooltipTrigger asChild><Button /></TooltipTrigger>`.
+ * 4. **`TooltipProvider` defaults `delay` to 600ms**, matching
+ *    `Tooltip.Trigger`'s own built-in default — set explicitly here so the hover
+ *    delay is documented and overridable in one obvious place
+ *    (`<TooltipProvider delay={0}>` for instant-open test/demo scenarios). The
+ *    Provider's actual job is *grouping*: once one tooltip in the tree has
+ *    opened, sibling tooltips opened within `timeout` (Base UI default 400ms)
+ *    skip their own delay and open instantly — useful for a toolbar of
+ *    icon buttons. A `<Tooltip>` used outside any `<TooltipProvider>` still
+ *    works (Base UI's trigger-level 600ms default applies), the Provider is
+ *    only required for the grouping behavior and for tests that want `delay={0}`.
+ * 5. **`Tooltip.Viewport` is not exposed.** It exists to animate content
+ *    swapping when multiple triggers share a single tooltip instance — a
+ *    pattern this kit's simple per-trigger API doesn't use. Out of scope for
+ *    this pass; compose it directly from `@base-ui/react/tooltip` if needed.
+ * 6. **`TooltipContent` sets `role="tooltip"`; `aria-describedby` is a documented
+ *    recipe, not automatic wiring.** Confirmed against Base UI's own docs
+ *    (base-ui.com/react/components/tooltip): unlike Radix, Base UI's Tooltip
+ *    is explicitly "visual-only" — it does **not** set `role="tooltip"` on the
+ *    popup or `aria-describedby` on the trigger, and its own guidance is to
+ *    give the trigger an `aria-label` instead ("the tooltip's trigger must
+ *    have an `aria-label` attribute that closely matches the tooltip's
+ *    content"). This wrapper closes the first, cheap half of that gap itself
+ *    — `TooltipContent`'s `Popup` always carries `role="tooltip"` (a bare
+ *    `<div>` otherwise has no accessible role at all) — but does not
+ *    synthesize `aria-describedby` linkage, which would require id-sharing
+ *    plumbing (context + `useState`/`useId`) between `TooltipTrigger` and
+ *    `TooltipContent` that Base UI does not expose and that would force
+ *    `"use client"` on this otherwise-server-safe wrapper (§2). Consumers who
+ *    need the description programmatically associated (beyond an `aria-label`
+ *    on the trigger) can wire it manually, the same way `select.tsx`
+ *    documents its `aria-labelledby` labeling recipe: give `TooltipContent`
+ *    an `id` and pass that same value as `aria-describedby` on
+ *    `TooltipTrigger`. `tooltip.test.tsx` has a test exercising this recipe.
+ *
+ * ## `"use client"` — intentionally omitted
+ * Every Base UI Tooltip part module (`Root`, `Trigger`, `Portal`, `Positioner`,
+ * `Popup`, `Provider`) carries its own `'use client'` directive at the source
+ * level (verified in the compiled package output, same check as `avatar.tsx`).
+ * This wrapper imports no icons (`@fluentui/react-icons`, which *would* force
+ * the directive per conventions §9 — see `select.tsx`) and defines no
+ * hooks/handlers of its own; it only forwards props into already-client parts.
+ * So it stays a plain, server-renderable module: a Server Component tree can
+ * render these client children directly without the parent re-declaring the
+ * directive. Confirmed via `pnpm typecheck` + the test suite.
+ *
+ * ## data-slot note
+ * `Tooltip` (Root) and `TooltipProvider` render no DOM element of their own
+ * (Root groups state; Provider is a pair of context providers), so neither
+ * carries a `data-slot`. Every part that renders an element does —
+ * `tooltip-trigger`, `tooltip-positioner`, `tooltip-content` — which is what
+ * tests/consumers hook onto.
+ */
+declare function TooltipProvider({ delay, ...props }: ComponentProps<typeof Tooltip$1.Provider>): react.JSX.Element;
+declare function Tooltip(props: Tooltip$1.Root.Props): react.JSX.Element;
+declare function TooltipTrigger({ className, ...props }: Tooltip$1.Trigger.Props): react.JSX.Element;
+/**
+ * Content — the floating surface: `Portal` → `Positioner` → `Popup`. Fluent
+ * flyout look (divergence 1): `bg-popover` + `border` + `shadow-16`,
+ * `rounded-md`, small type (`text-xs`), compact padding, capped width
+ * (`max-w-60`) so long copy wraps instead of stretching edge to edge. A
+ * subtle scale+fade open/close animation rides Base UI's
+ * `data-starting-style`/`data-ending-style` hooks with token durations/easings
+ * (same recipe as `SelectContent`). Carries `role="tooltip"` (divergence 6)
+ * since Base UI's raw `Popup` has no accessible role of its own.
+ */
+declare function TooltipContent({ className, children, sideOffset, side, align, ...props }: ComponentProps<typeof Tooltip$1.Popup> & Pick<ComponentProps<typeof Tooltip$1.Positioner>, "side" | "align" | "sideOffset">): react.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/ui/tooltip.js

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { cn } from "../../lib/utils.js";
+function TooltipProvider({
+  delay = 600,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delay, ...props });
+}
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props });
+}
+function TooltipTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function TooltipContent({
+  className,
+  children,
+  sideOffset = 4,
+  side = "top",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    TooltipPrimitive.Positioner,
+    {
+      "data-slot": "tooltip-positioner",
+      sideOffset,
+      side,
+      align,
+      className: "z-50 outline-none",
+      children: /* @__PURE__ */ jsx(
+        TooltipPrimitive.Popup,
+        {
+          "data-slot": "tooltip-content",
+          role: "tooltip",
+          className: cn(
+            // Borderless by spec: Fluent's tooltip stroke is TransparentStroke
+            // (edge defined by elevation alone) and its elevation tier is
+            // Shadow 08, one step below flyouts (Figma validation pass 2,
+            // node 9014:2662). px-3 = Fluent spacingHorizontalM (12px).
+            "relative max-w-60 origin-[var(--transform-origin)] text-balance rounded-md bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-8 outline-none",
+            // motion — subtle scale + fade on open (enter) / close (exit)
+            "transition-[opacity,scale] duration-fast ease-decelerate-mid",
+            "data-starting-style:scale-95 data-starting-style:opacity-0",
+            "data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:ease-accelerate-mid",
+            className
+          ),
+          ...props,
+          children
+        }
+      )
+    }
+  ) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\n/**\n * Tooltip — Fluent 2-styled, shadcn-API tooltip.\n *\n * Behavior — hover/focus delay, portalling, collision-aware positioning,\n * dismiss-on-Escape — genuinely needs a primitive (conventions §9), so the\n * parts wrap `@base-ui/react/tooltip` (namespace import, matching the actual\n * export shape in node_modules, exactly like `select.tsx`/`avatar.tsx`).\n * `select.tsx`'s doc comment calls out Tooltip by name as inheriting its\n * portal → positioner → popup pattern; this file is that follow-through.\n *\n * ## Base UI mapping (conventions §9)\n *\n * | Exported (shadcn name) | Base UI primitive                                    |\n * | ----------------------- | ---------------------------------------------------- |\n * | `TooltipProvider`       | `Tooltip.Provider`                                    |\n * | `Tooltip`                | `Tooltip.Root`                                        |\n * | `TooltipTrigger`         | `Tooltip.Trigger`                                     |\n * | `TooltipContent`         | `Tooltip.Portal` + `Tooltip.Positioner` + `Tooltip.Popup` |\n *\n * ## Divergences from the shadcn/Radix Tooltip API (all deliberate)\n * 1. **Neutral elevated surface, not an inverted brand bubble.** shadcn's\n *    tooltip is `bg-primary text-primary-foreground` — a dark, high-contrast\n *    chip. Fluent 2 tooltips are a **neutral flyout**, visually the same family\n *    as `SelectContent`/menus: `bg-popover text-popover-foreground`, a hairline\n *    `border`, and `shadow-16` elevation, just smaller (`text-xs`,\n *    `px-2.5 py-1.5`, `max-w-60`). This is the headline visual departure from\n *    shadcn for this component — everything else follows shadcn's API shape.\n * 2. **No arrow/beak by default.** Base UI ships `Tooltip.Arrow`, but Fluent 2's\n *    tooltip is a plain floating rectangle with no pointer back to the trigger.\n *    `TooltipContent` does not render one and `TooltipArrow` is intentionally\n *    not re-exported; a consumer who wants Radix/shadcn's pointer can compose\n *    `@base-ui/react/tooltip`'s `Arrow` part directly alongside this component.\n * 3. **Composition uses Base UI's `render` prop, not `asChild`.**\n *    `Tooltip.Trigger` renders its own `<button>` (Base UI's model — there is no\n *    Slot-style boolean). `TooltipTrigger`'s props type (`TooltipPrimitive.\n *    Trigger.Props` — used directly rather than `ComponentProps<typeof\n *    TooltipPrimitive.Trigger>`, which loses the `ref` type through Base UI's\n *    generic `<Payload>` call signature) already includes Base UI's `render`\n *    prop, so no extra plumbing is needed to point the trigger at another\n *    element (e.g. the kit's `Button`):\n *    `<TooltipTrigger render={<Button variant=\"outline\">Hover me</Button>} />`.\n *    This is the direct Base UI analogue of shadcn's\n *    `<TooltipTrigger asChild><Button /></TooltipTrigger>`.\n * 4. **`TooltipProvider` defaults `delay` to 600ms**, matching\n *    `Tooltip.Trigger`'s own built-in default — set explicitly here so the hover\n *    delay is documented and overridable in one obvious place\n *    (`<TooltipProvider delay={0}>` for instant-open test/demo scenarios). The\n *    Provider's actual job is *grouping*: once one tooltip in the tree has\n *    opened, sibling tooltips opened within `timeout` (Base UI default 400ms)\n *    skip their own delay and open instantly — useful for a toolbar of\n *    icon buttons. A `<Tooltip>` used outside any `<TooltipProvider>` still\n *    works (Base UI's trigger-level 600ms default applies), the Provider is\n *    only required for the grouping behavior and for tests that want `delay={0}`.\n * 5. **`Tooltip.Viewport` is not exposed.** It exists to animate content\n *    swapping when multiple triggers share a single tooltip instance — a\n *    pattern this kit's simple per-trigger API doesn't use. Out of scope for\n *    this pass; compose it directly from `@base-ui/react/tooltip` if needed.\n * 6. **`TooltipContent` sets `role=\"tooltip\"`; `aria-describedby` is a documented\n *    recipe, not automatic wiring.** Confirmed against Base UI's own docs\n *    (base-ui.com/react/components/tooltip): unlike Radix, Base UI's Tooltip\n *    is explicitly \"visual-only\" — it does **not** set `role=\"tooltip\"` on the\n *    popup or `aria-describedby` on the trigger, and its own guidance is to\n *    give the trigger an `aria-label` instead (\"the tooltip's trigger must\n *    have an `aria-label` attribute that closely matches the tooltip's\n *    content\"). This wrapper closes the first, cheap half of that gap itself\n *    — `TooltipContent`'s `Popup` always carries `role=\"tooltip\"` (a bare\n *    `<div>` otherwise has no accessible role at all) — but does not\n *    synthesize `aria-describedby` linkage, which would require id-sharing\n *    plumbing (context + `useState`/`useId`) between `TooltipTrigger` and\n *    `TooltipContent` that Base UI does not expose and that would force\n *    `\"use client\"` on this otherwise-server-safe wrapper (§2). Consumers who\n *    need the description programmatically associated (beyond an `aria-label`\n *    on the trigger) can wire it manually, the same way `select.tsx`\n *    documents its `aria-labelledby` labeling recipe: give `TooltipContent`\n *    an `id` and pass that same value as `aria-describedby` on\n *    `TooltipTrigger`. `tooltip.test.tsx` has a test exercising this recipe.\n *\n * ## `\"use client\"` — intentionally omitted\n * Every Base UI Tooltip part module (`Root`, `Trigger`, `Portal`, `Positioner`,\n * `Popup`, `Provider`) carries its own `'use client'` directive at the source\n * level (verified in the compiled package output, same check as `avatar.tsx`).\n * This wrapper imports no icons (`@fluentui/react-icons`, which *would* force\n * the directive per conventions §9 — see `select.tsx`) and defines no\n * hooks/handlers of its own; it only forwards props into already-client parts.\n * So it stays a plain, server-renderable module: a Server Component tree can\n * render these client children directly without the parent re-declaring the\n * directive. Confirmed via `pnpm typecheck` + the test suite.\n *\n * ## data-slot note\n * `Tooltip` (Root) and `TooltipProvider` render no DOM element of their own\n * (Root groups state; Provider is a pair of context providers), so neither\n * carries a `data-slot`. Every part that renders an element does —\n * `tooltip-trigger`, `tooltip-positioner`, `tooltip-content` — which is what\n * tests/consumers hook onto.\n */\n\nfunction TooltipProvider({\n  delay = 600,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider delay={delay} {...props} />;\n}\n\nfunction Tooltip(props: TooltipPrimitive.Root.Props) {\n  return <TooltipPrimitive.Root {...props} />;\n}\n\nfunction TooltipTrigger({\n  className,\n  ...props\n}: TooltipPrimitive.Trigger.Props) {\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Content — the floating surface: `Portal` → `Positioner` → `Popup`. Fluent\n * flyout look (divergence 1): `bg-popover` + `border` + `shadow-16`,\n * `rounded-md`, small type (`text-xs`), compact padding, capped width\n * (`max-w-60`) so long copy wraps instead of stretching edge to edge. A\n * subtle scale+fade open/close animation rides Base UI's\n * `data-starting-style`/`data-ending-style` hooks with token durations/easings\n * (same recipe as `SelectContent`). Carries `role=\"tooltip\"` (divergence 6)\n * since Base UI's raw `Popup` has no accessible role of its own.\n */\nfunction TooltipContent({\n  className,\n  children,\n  sideOffset = 4,\n  side = \"top\",\n  align = \"center\",\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Popup> &\n  Pick<\n    ComponentProps<typeof TooltipPrimitive.Positioner>,\n    \"side\" | \"align\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        data-slot=\"tooltip-positioner\"\n        sideOffset={sideOffset}\n        side={side}\n        align={align}\n        className=\"z-50 outline-none\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          role=\"tooltip\"\n          className={cn(\n            // Borderless by spec: Fluent's tooltip stroke is TransparentStroke\n            // (edge defined by elevation alone) and its elevation tier is\n            // Shadow 08, one step below flyouts (Figma validation pass 2,\n            // node 9014:2662). px-3 = Fluent spacingHorizontalM (12px).\n            \"relative max-w-60 origin-[var(--transform-origin)] text-balance rounded-md bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-8 outline-none\",\n            // motion — subtle scale + fade on open (enter) / close (exit)\n            \"transition-[opacity,scale] duration-fast ease-decelerate-mid\",\n            \"data-starting-style:scale-95 data-starting-style:opacity-0\",\n            \"data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:ease-accelerate-mid\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"AAyGS;AAzGT,SAAS,WAAW,wBAAwB;AAG5C,SAAS,UAAU;AAkGnB,SAAS,gBAAgB;AAAA,EACvB,QAAQ;AAAA,EACR,GAAG;AACL,GAAqD;AACnD,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAe,GAAG,OAAO;AAC7D;AAEA,SAAS,QAAQ,OAAoC;AACnD,SAAO,oBAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO;AAC3C;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;AAYA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AACL,GAIK;AACH,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,aAAU;AAAA,UACV,MAAK;AAAA,UACL,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,YAKT;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,55 @@
+export { cn } from './lib/utils.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/ui/accordion.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './components/ui/alert.js';
+export { Avatar, AvatarFallback, AvatarImage } from './components/ui/avatar.js';
+export { Badge, badgeVariants } from './components/ui/badge.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/ui/breadcrumb.js';
+export { Button, buttonVariants } from './components/ui/button.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/ui/card.js';
+export { Checkbox } from './components/ui/checkbox.js';
+export { Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from './components/ui/combobox.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './components/ui/command.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/ui/dialog.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/ui/dropdown-menu.js';
+export { Input } from './components/ui/input.js';
+export { Label } from './components/ui/label.js';
+export { Link, linkVariants } from './components/ui/link.js';
+export { MultiSelect, MultiSelectChip, MultiSelectContent, MultiSelectEmpty, MultiSelectGroup, MultiSelectInput, MultiSelectItem, MultiSelectLabel, MultiSelectList, MultiSelectSeparator } from './components/ui/multi-select.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/ui/pagination.js';
+export { Popover, PopoverContent, PopoverTrigger } from './components/ui/popover.js';
+export { Progress } from './components/ui/progress.js';
+export { RadioGroup, RadioGroupItem } from './components/ui/radio-group.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/select.js';
+export { Separator } from './components/ui/separator.js';
+export { Skeleton } from './components/ui/skeleton.js';
+export { Spinner, spinnerVariants } from './components/ui/spinner.js';
+export { Switch } from './components/ui/switch.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/ui/tabs.js';
+export { Textarea } from './components/ui/textarea.js';
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, createToastManager, toastVariants, useToast } from './components/ui/toast.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip.js';
+import 'clsx';
+import 'react';
+import '@base-ui/react/accordion';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@base-ui/react/avatar';
+import '@base-ui/react/checkbox';
+import '@base-ui/react/combobox';
+import '@base-ui/react/autocomplete';
+import '@base-ui/react/dialog';
+import '@base-ui/react/menu';
+import '@base-ui/react/popover';
+import '@base-ui/react/progress';
+import '@base-ui/react/radio';
+import '@base-ui/react/radio-group';
+import '@base-ui/react/select';
+import '@base-ui/react/switch';
+import '@base-ui/react/tabs';
+import '@base-ui/react/toast';
+import '@base-ui/react/tooltip';
+
+/** Current version of the @graundtech/fluent2-react-kit component library. */
+declare const version = "0.5.1";
+
+export { version };

package/dist/index.js

@@ -0,0 +1,284 @@
+import { cn } from "./lib/utils.js";
+import {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent
+} from "./components/ui/accordion.js";
+import { Alert, AlertTitle, AlertDescription, alertVariants } from "./components/ui/alert.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
+import { Badge, badgeVariants } from "./components/ui/badge.js";
+import {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis
+} from "./components/ui/breadcrumb.js";
+import { Button, buttonVariants } from "./components/ui/button.js";
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+} from "./components/ui/card.js";
+import { Checkbox } from "./components/ui/checkbox.js";
+import {
+  Combobox,
+  ComboboxValue,
+  ComboboxInput,
+  ComboboxContent,
+  ComboboxList,
+  ComboboxEmpty,
+  ComboboxItem,
+  ComboboxGroup,
+  ComboboxLabel,
+  ComboboxSeparator
+} from "./components/ui/combobox.js";
+import {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandSeparator,
+  CommandShortcut
+} from "./components/ui/command.js";
+import {
+  Dialog,
+  DialogTrigger,
+  DialogPortal,
+  DialogOverlay,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+  DialogClose
+} from "./components/ui/dialog.js";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent
+} from "./components/ui/dropdown-menu.js";
+import { Input } from "./components/ui/input.js";
+import { Label } from "./components/ui/label.js";
+import { Link, linkVariants } from "./components/ui/link.js";
+import {
+  MultiSelect,
+  MultiSelectInput,
+  MultiSelectChip,
+  MultiSelectContent,
+  MultiSelectList,
+  MultiSelectItem,
+  MultiSelectGroup,
+  MultiSelectLabel,
+  MultiSelectEmpty,
+  MultiSelectSeparator
+} from "./components/ui/multi-select.js";
+import {
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis
+} from "./components/ui/pagination.js";
+import { Popover, PopoverTrigger, PopoverContent } from "./components/ui/popover.js";
+import { Progress } from "./components/ui/progress.js";
+import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+import {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton
+} from "./components/ui/select.js";
+import { Separator } from "./components/ui/separator.js";
+import { Skeleton } from "./components/ui/skeleton.js";
+import { Spinner, spinnerVariants } from "./components/ui/spinner.js";
+import { Switch } from "./components/ui/switch.js";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/ui/tabs.js";
+import { Textarea } from "./components/ui/textarea.js";
+import {
+  Toast,
+  ToastProvider,
+  ToastViewport,
+  ToastTitle,
+  ToastDescription,
+  ToastAction,
+  ToastClose,
+  useToast,
+  createToastManager,
+  toastVariants
+} from "./components/ui/toast.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./components/ui/tooltip.js";
+const version = "0.5.1";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Combobox,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxValue,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Input,
+  Label,
+  Link,
+  MultiSelect,
+  MultiSelectChip,
+  MultiSelectContent,
+  MultiSelectEmpty,
+  MultiSelectGroup,
+  MultiSelectInput,
+  MultiSelectItem,
+  MultiSelectLabel,
+  MultiSelectList,
+  MultiSelectSeparator,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Skeleton,
+  Spinner,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  alertVariants,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  createToastManager,
+  linkVariants,
+  spinnerVariants,
+  toastVariants,
+  useToast,
+  version
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { cn } from \"./lib/utils\";\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./components/ui/accordion\";\nexport { Alert, AlertTitle, AlertDescription, alertVariants } from \"./components/ui/alert\";\nexport { Avatar, AvatarFallback, AvatarImage } from \"./components/ui/avatar\";\nexport { Badge, badgeVariants } from \"./components/ui/badge\";\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n} from \"./components/ui/breadcrumb\";\nexport { Button, buttonVariants } from \"./components/ui/button\";\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"./components/ui/card\";\nexport { Checkbox } from \"./components/ui/checkbox\";\nexport {\n  Combobox,\n  ComboboxValue,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxSeparator,\n} from \"./components/ui/combobox\";\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandShortcut,\n} from \"./components/ui/command\";\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n} from \"./components/ui/dialog\";\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n} from \"./components/ui/dropdown-menu\";\nexport { Input } from \"./components/ui/input\";\nexport { Label } from \"./components/ui/label\";\nexport { Link, linkVariants } from \"./components/ui/link\";\nexport {\n  MultiSelect,\n  MultiSelectInput,\n  MultiSelectChip,\n  MultiSelectContent,\n  MultiSelectList,\n  MultiSelectItem,\n  MultiSelectGroup,\n  MultiSelectLabel,\n  MultiSelectEmpty,\n  MultiSelectSeparator,\n} from \"./components/ui/multi-select\";\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"./components/ui/pagination\";\nexport { Popover, PopoverTrigger, PopoverContent } from \"./components/ui/popover\";\nexport { Progress } from \"./components/ui/progress\";\nexport { RadioGroup, RadioGroupItem } from \"./components/ui/radio-group\";\nexport {\n  Select, SelectGroup, SelectValue, SelectTrigger, SelectContent,\n  SelectLabel, SelectItem, SelectSeparator,\n  SelectScrollUpButton, SelectScrollDownButton,\n} from \"./components/ui/select\";\nexport { Separator } from \"./components/ui/separator\";\nexport { Skeleton } from \"./components/ui/skeleton\";\nexport { Spinner, spinnerVariants } from \"./components/ui/spinner\";\nexport { Switch } from \"./components/ui/switch\";\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./components/ui/tabs\";\nexport { Textarea } from \"./components/ui/textarea\";\nexport {\n  Toast,\n  ToastProvider,\n  ToastViewport,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n  useToast,\n  createToastManager,\n  toastVariants,\n} from \"./components/ui/toast\";\nexport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./components/ui/tooltip\";\n\n/** Current version of the @graundtech/fluent2-react-kit component library. */\nexport const version = \"0.5.1\";\n"],"mappings":"AAAA,SAAS,UAAU;AAEnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,OAAO,YAAY,kBAAkB,qBAAqB;AACnE,SAAS,QAAQ,gBAAgB,mBAAmB;AACpD,SAAS,OAAO,qBAAqB;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,sBAAsB;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,MAAM,oBAAoB;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,gBAAgB;AACzB,SAAS,YAAY,sBAAsB;AAC3C;AAAA,EACE;AAAA,EAAQ;AAAA,EAAa;AAAA,EAAa;AAAA,EAAe;AAAA,EACjD;AAAA,EAAa;AAAA,EAAY;AAAA,EACzB;AAAA,EAAsB;AAAA,OACjB;AACP,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,SAAS,uBAAuB;AACzC,SAAS,cAAc;AACvB,SAAS,MAAM,UAAU,aAAa,mBAAmB;AACzD,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,UAAU;","names":[]}

package/dist/lib/utils.d.ts

@@ -0,0 +1,9 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Compose class names with clsx and resolve conflicting Tailwind utilities
+ * with tailwind-merge (last-write-wins). The canonical shadcn-style helper.
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Compose class names with clsx and resolve conflicting Tailwind utilities\n * with tailwind-merge (last-write-wins). The canonical shadcn-style helper.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAMjB,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@graundtech/fluent2-react-kit",
+  "version": "0.5.1",
+  "description": "Fluent 2-inspired React components built with shadcn-style APIs and registry-first distribution.",
+  "type": "module",
+  "private": false,
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/graundtech/fluent2-react-kit.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/graundtech/fluent2-react-kit#readme",
+  "bugs": {
+    "url": "https://github.com/graundtech/fluent2-react-kit/issues"
+  },
+  "keywords": [
+    "fluent2",
+    "react",
+    "components",
+    "shadcn",
+    "tailwind",
+    "registry"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./tokens.css": "./src/styles/tokens.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src/styles"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup && node scripts/fix-esm-extensions.mjs",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@base-ui/react": "1.6.0",
+    "@fluentui/react-icons": "2.0.333",
+    "@radix-ui/react-slot": "1.3.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "tailwind-merge": "3.6.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "6.0.3",
+    "@vitest/coverage-v8": "4.1.10",
+    "axe-core": "4.12.1",
+    "jsdom": "29.1.1",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "vitest": "4.1.10"
+  }
+}