@seekalfred/primitives 0.2.0 → 0.4.0

package/dist/tooltip/tooltip.js

@@ -0,0 +1,65 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { cva } from "class-variance-authority";
+import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/tooltip/tooltip.tsx
+/**
+* Tooltip, ported from the legacy shadcn/Radix component.
+*
+* Census: ten files import it but only SEVEN render anything -- three
+* import the parts and use none. Across those seven: `Tooltip` 34,
+* `TooltipTrigger` 34, `TooltipContent` 34, `TooltipProvider` 23. `side`
+* is passed 12 times: `"top"` 11, `"bottom"` once.
+*
+* `TooltipProvider` IS NOT PORTED, and that removes 23 call sites rather
+* than renaming them. The legacy `Tooltip` already wraps itself in a
+* provider, so every explicit `<TooltipProvider>` in app code nested a
+* second one inside the first -- harmless, but it also meant the
+* `skipDelayDuration` grouping the provider exists for never spanned two
+* tooltips. React Aria has no provider at all; that grouping is
+* module-global.
+*
+* THE DELAY IS THE ONE THING THAT WOULD HAVE CHANGED SILENTLY. The legacy
+* provider hardcodes `delayDuration = 0`, so all 34 tooltips appear
+* instantly on hover. React Aria's default is 1500ms. Porting without
+* noticing would have put a 1.5-second warm-up on every tooltip in the
+* app, and neither the type system nor the test suite would have said a
+* word -- so `delay` defaults to 0 here, and a story pins the default.
+*/
+const tooltipVariants = cva([
+	"w-fit rounded-md px-3 py-1.5",
+	"bg-primary text-primary-foreground",
+	"box-border font-sans text-xs leading-(--leading-snug) text-balance",
+	"outline-none"
+]);
+function Tooltip$1({ children, className, placement = "top", ...props }) {
+	return /* @__PURE__ */ jsxs(Tooltip, {
+		...props,
+		placement,
+		offset: 8,
+		"data-slot": "tooltip",
+		className: cn(tooltipVariants(), className),
+		children: [/* @__PURE__ */ jsx(OverlayArrow, {
+			"data-slot": "tooltip-arrow",
+			children: /* @__PURE__ */ jsx("svg", {
+				width: "10",
+				height: "5",
+				viewBox: "0 0 10 5",
+				className: "fill-primary",
+				children: /* @__PURE__ */ jsx("path", { d: "M0 5 5 0l5 5z" })
+			})
+		}), children]
+	});
+}
+function TooltipTrigger$1({ delay = 0, closeDelay = 0, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipTrigger, {
+		...props,
+		delay,
+		closeDelay
+	});
+}
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipTrigger$1 as TooltipTrigger, tooltipVariants };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["Tooltip","AriaTooltip","AriaOverlayArrow","TooltipTrigger","AriaTooltipTrigger"],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport {\n  OverlayArrow as AriaOverlayArrow,\n  Tooltip as AriaTooltip,\n  TooltipTrigger as AriaTooltipTrigger,\n  type TooltipProps as AriaTooltipProps,\n  type TooltipTriggerComponentProps as AriaTooltipTriggerProps,\n} from \"react-aria-components\";\n\nimport { cn } from \"../lib/cn.js\";\n\n/**\n * Tooltip, ported from the legacy shadcn/Radix component.\n *\n * Census: ten files import it but only SEVEN render anything -- three\n * import the parts and use none. Across those seven: `Tooltip` 34,\n * `TooltipTrigger` 34, `TooltipContent` 34, `TooltipProvider` 23. `side`\n * is passed 12 times: `\"top\"` 11, `\"bottom\"` once.\n *\n * `TooltipProvider` IS NOT PORTED, and that removes 23 call sites rather\n * than renaming them. The legacy `Tooltip` already wraps itself in a\n * provider, so every explicit `<TooltipProvider>` in app code nested a\n * second one inside the first -- harmless, but it also meant the\n * `skipDelayDuration` grouping the provider exists for never spanned two\n * tooltips. React Aria has no provider at all; that grouping is\n * module-global.\n *\n * THE DELAY IS THE ONE THING THAT WOULD HAVE CHANGED SILENTLY. The legacy\n * provider hardcodes `delayDuration = 0`, so all 34 tooltips appear\n * instantly on hover. React Aria's default is 1500ms. Porting without\n * noticing would have put a 1.5-second warm-up on every tooltip in the\n * app, and neither the type system nor the test suite would have said a\n * word -- so `delay` defaults to 0 here, and a story pins the default.\n */\nexport const tooltipVariants = cva([\n  \"w-fit rounded-md px-3 py-1.5\",\n  // The legacy palette, kept: primary-foreground on primary is 8.35:1 and\n  // is already in the contrast contract. An inverse-surface tooltip is the\n  // more common choice, but changing it would be a design decision with no\n  // defect behind it.\n  \"bg-primary text-primary-foreground\",\n  \"box-border font-sans text-xs leading-(--leading-snug) text-balance\",\n  \"outline-none\",\n]);\n\n/**\n * A hover and focus hint.\n *\n * @example\n * <TooltipTrigger>\n *   <Button aria-label=\"Mute\"><MicOff /></Button>\n *   <Tooltip>Mute</Tooltip>\n * </TooltipTrigger>\n */\nexport interface TooltipProps\n  extends Omit<AriaTooltipProps, \"className\" | \"style\" | \"children\"> {\n  children?: ReactNode;\n  /** Extra classes. Merged last, so they win conflicts with ours. */\n  className?: string;\n  /**\n   * Where it opens. The legacy `side` prop: `\"top\"` 11 times, `\"bottom\"`\n   * once, and the default for the other 22.\n   *\n   * @default \"top\"\n   */\n  placement?: AriaTooltipProps[\"placement\"];\n}\n\nexport function Tooltip({ children, className, placement = \"top\", ...props }: TooltipProps) {\n  return (\n    <AriaTooltip\n      {...props}\n      placement={placement}\n      offset={8}\n      data-slot=\"tooltip\"\n      className={cn(tooltipVariants(), className)}\n    >\n      {/*\n        An SVG arrow, not the legacy rotated square. That used\n        `translate-y-[calc(-50%_-_2px)]` and `rounded-[2px]` -- two bracket\n        values check:hardcoding rejects -- and a rotated box has to be\n        re-placed for every side. React Aria rotates the whole OverlayArrow\n        per placement, so one upward triangle serves all four.\n      */}\n      <AriaOverlayArrow data-slot=\"tooltip-arrow\">\n        <svg width=\"10\" height=\"5\" viewBox=\"0 0 10 5\" className=\"fill-primary\">\n          <path d=\"M0 5 5 0l5 5z\" />\n        </svg>\n      </AriaOverlayArrow>\n      {children}\n    </AriaTooltip>\n  );\n}\n\n/**\n * Pairs a trigger with a tooltip.\n *\n * React Aria's `TooltipTrigger`, EXCEPT that `delay` and `closeDelay`\n * default to 0 to match the legacy provider. React Aria ships 1500ms and\n * 500ms; taking those defaults would have changed all 34 call sites\n * without a word.\n *\n * Focus opens it immediately whatever `delay` says -- React Aria passes\n * `immediate` on focus -- which is the behaviour a keyboard user needs.\n */\nexport interface TooltipTriggerProps extends AriaTooltipTriggerProps {\n  /** Hover warm-up in ms. @default 0 */\n  delay?: number;\n  /** Hover cool-down in ms. @default 0 */\n  closeDelay?: number;\n}\n\nexport function TooltipTrigger({ delay = 0, closeDelay = 0, ...props }: TooltipTriggerProps) {\n  return <AriaTooltipTrigger {...props} delay={delay} closeDelay={closeDelay} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAa,kBAAkB,IAAI;CACjC;CAKA;CACA;CACA;AACF,CAAC;AAyBD,SAAgBA,UAAQ,EAAE,UAAU,WAAW,YAAY,OAAO,GAAG,SAAuB;CAC1F,OACE,qBAACC,SAAD;EACE,GAAI;EACO;EACX,QAAQ;EACR,aAAU;EACV,WAAW,GAAG,gBAAgB,GAAG,SAAS;EAL5C,UAAA,CAcE,oBAACC,cAAD;GAAkB,aAAU;GAC1B,UAAA,oBAAC,OAAD;IAAK,OAAM;IAAK,QAAO;IAAI,SAAQ;IAAW,WAAU;IACtD,UAAA,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;GACtB,CAAA;EACW,CAAA,GACjB,QACU;;AAEjB;AAoBA,SAAgBC,iBAAe,EAAE,QAAQ,GAAG,aAAa,GAAG,GAAG,SAA8B;CAC3F,OAAO,oBAACC,gBAAD;EAAoB,GAAI;EAAc;EAAmB;CAAa,CAAA;AAC/E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seekalfred/primitives",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "type": "module",
   "license": "MIT",
   "description": "Accessible, styled primitives built on React Aria Components.",
@@ -24,27 +24,145 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./accordion": {
+      "types": "./dist/accordion/index.d.ts",
+      "default": "./dist/accordion/index.js"
+    },
+    "./alert": {
+      "types": "./dist/alert/index.d.ts",
+      "default": "./dist/alert/index.js"
+    },
+    "./alert-dialog": {
+      "types": "./dist/alert-dialog/index.d.ts",
+      "default": "./dist/alert-dialog/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar/index.d.ts",
+      "default": "./dist/avatar/index.js"
+    },
+    "./badge": {
+      "types": "./dist/badge/index.d.ts",
+      "default": "./dist/badge/index.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/breadcrumb/index.d.ts",
+      "default": "./dist/breadcrumb/index.js"
+    },
     "./button": {
       "types": "./dist/button/index.d.ts",
       "default": "./dist/button/index.js"
     },
-    "./styles.css": "./dist/styles.css",
-    "./package.json": "./package.json"
+    "./calendar": {
+      "types": "./dist/calendar/index.d.ts",
+      "default": "./dist/calendar/index.js"
+    },
+    "./card": {
+      "types": "./dist/card/index.d.ts",
+      "default": "./dist/card/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox/index.d.ts",
+      "default": "./dist/checkbox/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog/index.d.ts",
+      "default": "./dist/dialog/index.js"
+    },
+    "./input": {
+      "types": "./dist/input/index.d.ts",
+      "default": "./dist/input/index.js"
+    },
+    "./label": {
+      "types": "./dist/label/index.d.ts",
+      "default": "./dist/label/index.js"
+    },
+    "./menu": {
+      "types": "./dist/menu/index.d.ts",
+      "default": "./dist/menu/index.js"
+    },
+    "./popover": {
+      "types": "./dist/popover/index.d.ts",
+      "default": "./dist/popover/index.js"
+    },
+    "./progress": {
+      "types": "./dist/progress/index.d.ts",
+      "default": "./dist/progress/index.js"
+    },
+    "./radio-group": {
+      "types": "./dist/radio-group/index.d.ts",
+      "default": "./dist/radio-group/index.js"
+    },
+    "./scroll-area": {
+      "types": "./dist/scroll-area/index.d.ts",
+      "default": "./dist/scroll-area/index.js"
+    },
+    "./select": {
+      "types": "./dist/select/index.d.ts",
+      "default": "./dist/select/index.js"
+    },
+    "./separator": {
+      "types": "./dist/separator/index.d.ts",
+      "default": "./dist/separator/index.js"
+    },
+    "./sheet": {
+      "types": "./dist/sheet/index.d.ts",
+      "default": "./dist/sheet/index.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton/index.d.ts",
+      "default": "./dist/skeleton/index.js"
+    },
+    "./slider": {
+      "types": "./dist/slider/index.d.ts",
+      "default": "./dist/slider/index.js"
+    },
+    "./spinner": {
+      "types": "./dist/spinner/index.d.ts",
+      "default": "./dist/spinner/index.js"
+    },
+    "./switch": {
+      "types": "./dist/switch/index.d.ts",
+      "default": "./dist/switch/index.js"
+    },
+    "./table": {
+      "types": "./dist/table/index.d.ts",
+      "default": "./dist/table/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.ts",
+      "default": "./dist/tabs/index.js"
+    },
+    "./textarea": {
+      "types": "./dist/textarea/index.d.ts",
+      "default": "./dist/textarea/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "default": "./dist/toast/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/index.d.ts",
+      "default": "./dist/tooltip/index.js"
+    },
+    "./package.json": "./package.json",
+    "./styles.css": "./dist/styles.css"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
+    "@internationalized/date": "^3.12.0",
+    "react": "^18.0.0 || ^19.0.0",
     "react-aria-components": "^1.21.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@seekalfred/tokens": "^0.2.0",
+    "@seekalfred/tokens": "^0.4.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "tailwind-merge": "3.6.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.5",
-    "@seekalfred/styles": "^0.2.0",
+    "@internationalized/date": "3.12.4",
+    "@seekalfred/styles": "^0.4.0",
     "@seekalfred/tsconfig": "0.0.0",
     "@size-limit/preset-small-lib": "13.0.3",
     "@storybook/react-vite": "10.6.0",