@panneau/ui 0.0.0-stage → 5.0.0-alpha.1

package/dist/tooltip/Tooltip.js

@@ -0,0 +1,29 @@
+import { cx } from "../utils/cx.js";
+import { usePortalContainer } from "../root/PanneauRoot.js";
+import Tooltip_module_default from "./Tooltip.module.js";
+import { Tooltip, TooltipTrigger } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/tooltip/Tooltip.tsx
+/**
+* A tooltip on hover and keyboard focus. It only adds a description: never put information or
+* actions in it that aren't available otherwise, since touch screens don't show it.
+*/
+function Tooltip$1({ content, children, placement = "top", delay = 600, isDisabled = false, className }) {
+	const container = usePortalContainer();
+	if (container === null) return children;
+	return /* @__PURE__ */ jsxs(TooltipTrigger, {
+		delay,
+		isDisabled,
+		children: [children, /* @__PURE__ */ jsx(Tooltip, {
+			placement,
+			offset: 6,
+			className: cx(Tooltip_module_default.tooltip, className),
+			UNSTABLE_portalContainer: container,
+			children: content
+		})]
+	});
+}
+//#endregion
+export { Tooltip$1 as Tooltip };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["Tooltip","AriaTooltip","styles"],"sources":["../../src/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport {\n    Tooltip as AriaTooltip,\n    type TooltipProps as AriaTooltipProps,\n    TooltipTrigger,\n} from 'react-aria-components';\n\nimport { usePortalContainer } from '../root/PanneauRoot';\nimport { cx } from '../utils/cx';\nimport styles from './Tooltip.module.css';\n\nexport interface TooltipProps {\n    /** Content of the tooltip. */\n    content: ReactNode;\n    /** The element that shows the tooltip on hover and focus: a focusable React Aria element. */\n    children: ReactElement;\n    placement?: AriaTooltipProps['placement'];\n    /** Delay before showing, in milliseconds. Defaults to 600. */\n    delay?: number;\n    isDisabled?: boolean;\n    className?: string;\n}\n\n/**\n * A tooltip on hover and keyboard focus. It only adds a description: never put information or\n * actions in it that aren't available otherwise, since touch screens don't show it.\n */\nexport function Tooltip({\n    content,\n    children,\n    placement = 'top',\n    delay = 600,\n    isDisabled = false,\n    className,\n}: TooltipProps) {\n    const container = usePortalContainer();\n    if (container === null) {\n        return children;\n    }\n    return (\n        <TooltipTrigger delay={delay} isDisabled={isDisabled}>\n            {children}\n            <AriaTooltip\n                placement={placement}\n                offset={6}\n                className={cx(styles.tooltip, className)}\n                UNSTABLE_portalContainer={container}\n            >\n                {content}\n            </AriaTooltip>\n        </TooltipTrigger>\n    );\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgBA,UAAQ,EACpB,SACA,UACA,YAAY,OACZ,QAAQ,KACR,aAAa,OACb,aACa;CACb,MAAM,YAAY,mBAAmB;CACrC,IAAI,cAAc,MACd,OAAO;CAEX,OACI,qBAAC,gBAAD;EAAuB;EAAmB;EAA1C,UAAA,CACK,UACD,oBAACC,SAAD;GACe;GACX,QAAQ;GACR,WAAW,GAAGC,uBAAO,SAAS,SAAS;GACvC,0BAA0B;GAEzB,UAAA;EACQ,CAAA,CACD;;AAExB"}

package/dist/tooltip/Tooltip.module.js

@@ -0,0 +1,12 @@
+import "./Tooltip.css";
+//#region src/tooltip/Tooltip.module.css
+var tooltip = "panneau-tooltip--CWkTN";
+var fade = "panneau-fade--CCbVC";
+var Tooltip_module_default = {
+	tooltip,
+	fade
+};
+//#endregion
+export { Tooltip_module_default as default, fade, tooltip };
+
+//# sourceMappingURL=Tooltip.module.js.map

package/dist/tooltip/Tooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.js","names":[],"sources":["../../src/tooltip/Tooltip.module.css"],"sourcesContent":[".tooltip {\n    max-width: min(20rem, calc(100vw - 2 * var(--panneau-space-4)));\n    padding: var(--panneau-space-1) var(--panneau-space-2);\n    font-size: var(--panneau-font-size-sm);\n    line-height: var(--panneau-line-height-tight);\n    color: var(--panneau-color-bg);\n    background-color: var(--panneau-color-text);\n    border-radius: var(--panneau-radius-sm);\n    box-shadow: var(--panneau-shadow-md);\n    z-index: var(--panneau-z-overlay);\n}\n\n.tooltip[data-entering] {\n    animation: fade var(--panneau-duration);\n}\n\n.tooltip[data-exiting] {\n    animation: fade var(--panneau-duration) reverse ease-in;\n}\n\n@keyframes fade {\n    from {\n        opacity: 0;\n    }\n}\n"],"mappings":""}

package/dist/utils/cx.d.ts

@@ -0,0 +1,3 @@
+/** Joins class names, skipping empty ones. */
+export declare function cx(...classNames: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=cx.d.ts.map

package/dist/utils/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/utils/cx.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE/E"}

package/dist/utils/cx.js

@@ -0,0 +1,9 @@
+//#region src/utils/cx.ts
+/** Joins class names, skipping empty ones. */
+function cx(...classNames) {
+	return classNames.filter(Boolean).join(" ");
+}
+//#endregion
+export { cx };
+
+//# sourceMappingURL=cx.js.map

package/dist/utils/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","names":[],"sources":["../../src/utils/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return classNames.filter(Boolean).join(' ');\n}\n"],"mappings":";;AACA,SAAgB,GAAG,GAAG,YAA2D;CAC7E,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC9C"}

package/package.json

@@ -1,6 +1,49 @@
 {
-  "name": "@panneau/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@panneau/ui",
+    "version": "5.0.0-alpha.1",
+    "description": "Design tokens, themes and accessible primitives of Panneau, built on React Aria Components.",
+    "type": "module",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/folkloreinc/panneau-js.git",
+        "directory": "packages/ui"
+    },
+    "sideEffects": [
+        "*.css"
+    ],
+    "exports": {
+        ".": {
+            "@panneau/source": "./src/index.ts",
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./locales": {
+            "@panneau/source": "./src/locales/index.ts",
+            "types": "./dist/locales/index.d.ts",
+            "default": "./dist/locales/index.js"
+        },
+        "./package.json": "./package.json"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "vite build && tsc -p tsconfig.build.json",
+        "typecheck": "tsc --noEmit",
+        "api": "tsc -p tsconfig.build.json && node ../../scripts/api-report.js"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "peerDependencies": {
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "react-aria-components": "^1.22.0",
+        "react-intl": "^12.0.0"
+    },
+    "dependencies": {
+        "@panneau/intl": "5.0.0-alpha.1",
+        "lucide-react": "^1.57.0"
+    }
+}