@biotechusa/pdo-ui 1.0.0

package/dist/toolbar.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { Toolbar } from "@base-ui-components/react/toolbar";
+import { cn } from "../lib/utils";
+function toolbar_Toolbar({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Toolbar.Root, {
+        className: cn("relative flex gap-2 rounded-xl border bg-card bg-clip-padding p-1 text-card-foreground", className),
+        "data-slot": "toolbar",
+        ...props
+    });
+}
+function ToolbarButton({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Toolbar.Button, {
+        className: cn(className),
+        "data-slot": "toolbar-button",
+        ...props
+    });
+}
+function ToolbarLink({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Toolbar.Link, {
+        className: cn(className),
+        "data-slot": "toolbar-link",
+        ...props
+    });
+}
+function ToolbarInput({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Toolbar.Input, {
+        className: cn(className),
+        "data-slot": "toolbar-input",
+        ...props
+    });
+}
+function ToolbarGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Toolbar.Group, {
+        className: cn("flex items-center gap-1", className),
+        "data-slot": "toolbar-group",
+        ...props
+    });
+}
+function ToolbarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Toolbar.Separator, {
+        className: cn("shrink-0 bg-border data-[orientation=horizontal]:my-0.5 data-[orientation=vertical]:my-1.5 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", className),
+        "data-slot": "toolbar-separator",
+        ...props
+    });
+}
+export { toolbar_Toolbar as Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator };

package/dist/tooltip.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui-components/react/tooltip";
+import { cn } from "../lib/utils";
+const TooltipProvider = Tooltip.Provider;
+const tooltip_Tooltip = Tooltip.Root;
+function TooltipTrigger(props) {
+    return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+        "data-slot": "tooltip-trigger",
+        ...props
+    });
+}
+function TooltipPopup({ className, align = "center", sideOffset = 4, side = "top", children, ...props }) {
+    return /*#__PURE__*/ jsx(Tooltip.Portal, {
+        children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
+            align: align,
+            className: "z-50",
+            "data-slot": "tooltip-positioner",
+            side: side,
+            sideOffset: sideOffset,
+            children: /*#__PURE__*/ jsx(Tooltip.Popup, {
+                className: cn("relative flex w-fit origin-(--transform-origin) text-balance rounded-md border bg-popover bg-clip-padding px-2 py-1 text-popover-foreground text-xs shadow-black/5 shadow-md transition-[scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0 dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]", className),
+                "data-slot": "tooltip-content",
+                ...props,
+                children: children
+            })
+        })
+    });
+}
+export { tooltip_Tooltip as Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipProvider, TooltipTrigger };

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@biotechusa/pdo-ui",
+  "version": "1.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./dist/index.css": {
+      "default": "./dist/index.css"
+    },
+    "./dist/styles.css": {
+      "default": "./dist/styles.css"
+    }
+  },
+  "types": "./dist/src/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "build:storybook": "storybook build",
+    "check": "biome check --write",
+    "dev": "rslib build --watch",
+    "format": "biome format --write",
+    "storybook": "storybook dev"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.3.2",
+    "@rsbuild/core": "~1.6.6",
+    "@rsbuild/plugin-react": "^1.4.2",
+    "@rslib/core": "^0.18.0",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-onboarding": "^9.1.16",
+    "@storybook/react": "^9.1.16",
+    "@types/react": "^19.2.5",
+    "react": "^19.2.0",
+    "storybook": "^9.1.16",
+    "storybook-addon-rslib": "^2.1.5",
+    "storybook-react-rsbuild": "^2.1.5",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "private": false,
+  "dependencies": {
+    "@base-ui-components/react": "^1.0.0-beta.6",
+    "@tailwindcss/postcss": "^4.1.17",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.554.0",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.2.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.17",
+    "tw-animate-css": "^1.4.0"
+  },
+  "description": "A design system package, which is identicaly to coss-ui, but will be different in styling.",
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vekonylaszlo-biotechusa/pdo-ui.git"
+  },
+  "author": "Vékony László",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/vekonylaszlo-biotechusa/pdo-ui/issues"
+  },
+  "homepage": "https://github.com/vekonylaszlo-biotechusa/pdo-ui#readme"
+}