luan-ui 0.5.2 → 0.6.0

package/package.json

@@ -1,74 +1,73 @@
 {
-	"name": "luan-ui",
-	"version": "0.5.2",
-	"description": "A UI library for React",
-	"author": "benebene84 <benedikt.sperl@gmail.com> (https://github.com/benebene84)",
-	"main": "/dist/index.js",
-	"type": "module",
-	"types": "./dist/index.d.ts",
-	"files": [
-		"dist",
-		"README.md",
-		"LICENSE"
-	],
-	"scripts": {
-		"build": "node --experimental-strip-types scripts/build.ts",
-		"dev": "storybook dev -p 6006",
-		"build-storybook": "storybook build",
-		"check": "biome check",
-		"fix": "biome check --write",
-		"fix:unsafe": "biome check --write --unsafe",
-		"lint": "biome lint",
-		"format": "biome format --write",
-		"test": "vitest",
-		"test:ci": "vitest --run"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/benebene84/luan-ui.git"
-	},
-	"license": "MIT",
-	"bugs": {
-		"url": "https://github.com/benebene84/luan-ui/issues"
-	},
-	"homepage": "https://github.com/benebene84/luan-ui#readme",
-	"devDependencies": {
-		"@biomejs/biome": "2.2.4",
-		"@chromatic-com/storybook": "^4.1.1",
-		"@storybook/addon-docs": "^9.1.6",
-		"@storybook/addon-onboarding": "^9.1.6",
-		"@storybook/react-vite": "^9.1.6",
-		"@tailwindcss/postcss": "^4.1.13",
-		"@tailwindcss/vite": "^4.1.13",
-		"@testing-library/dom": "^10.4.1",
-		"@testing-library/jest-dom": "^6.8.0",
-		"@testing-library/react": "^16.3.0",
-		"@testing-library/user-event": "^14.6.1",
-		"@types/node": "^24.5.0",
-		"@types/react": "^19.1.13",
-		"@types/react-dom": "^19.1.9",
-		"@vitejs/plugin-react": "^5.0.2",
-		"jsdom": "^27.0.0",
-		"lefthook": "^1.13.0",
-		"responsive-class-variants": "^1.1.1",
-		"storybook": "^9.1.6",
-		"tailwindcss": "^4.1.13",
-		"tsc-alias": "^1.8.16",
-		"typescript": "^5.9.2",
-		"vite": "^7.1.5",
-		"vitest": "^3.2.4"
-	},
-	"peerDependencies": {
-		"react": "^18.0.0 || ^19.0.0",
-		"react-dom": "^18.0.0 || ^19.0.0"
-	},
-	"dependencies": {
-		"@radix-ui/react-compose-refs": "^1.1.2",
-		"@radix-ui/react-icons": "^1.3.2",
-		"clsx": "^2.1.1",
-		"radix-ui": "^1.4.3",
-		"sonner": "^2.0.7",
-		"tailwind-merge": "^3.3.1"
-	},
-	"packageManager": "pnpm@9.14.2"
+  "name": "luan-ui",
+  "version": "0.6.0",
+  "description": "A UI library for React",
+  "author": "benebene84 <benedikt.sperl@gmail.com> (https://github.com/benebene84)",
+  "main": "/dist/index.js",
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "node --experimental-strip-types scripts/build.ts",
+    "dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "check": "biome check",
+    "fix": "biome check --write",
+    "fix:unsafe": "biome check --write --unsafe",
+    "lint": "biome lint",
+    "format": "biome format --write",
+    "test": "vitest",
+    "test:ci": "vitest --run"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/benebene84/luan-ui.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/benebene84/luan-ui/issues"
+  },
+  "homepage": "https://github.com/benebene84/luan-ui#readme",
+  "devDependencies": {
+    "@biomejs/biome": "2.3.9",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@storybook/addon-docs": "^10.1.9",
+    "@storybook/addon-onboarding": "^10.1.9",
+    "@storybook/react-vite": "^10.1.9",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.0.2",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "jsdom": "^27.3.0",
+    "lefthook": "^2.0.12",
+    "responsive-class-variants": "^1.2.3",
+    "storybook": "^10.1.9",
+    "tailwindcss": "^4.1.18",
+    "tsc-alias": "^1.8.16",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0",
+    "vitest": "^4.0.15"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.0.0",
+    "@radix-ui/react-icons": "^1.3.2",
+    "clsx": "^2.1.1",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0"
+  },
+  "packageManager": "pnpm@10.26.2"
 }

package/dist/components/slot/slot.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-interface SlotProps {
-    children?: React.ReactNode;
-}
-declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<unknown>>;
-type SlottableProps = {
-    child: React.ReactNode;
-    children: (child: React.ReactNode) => React.JSX.Element;
-};
-declare const Slottable: ({ child, children }: SlottableProps) => React.JSX.Element;
-declare const Root: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<unknown>>;
-export { Root, Slot, Slottable };
-export type { SlotProps };

package/dist/components/slot/slot.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { composeRefs } from "@radix-ui/react-compose-refs";
-import * as React from "react";
-const Slot = React.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    if (isSlottable(children)) {
-        const slottable = children;
-        return (_jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(slottable.props.child)
-                ? React.cloneElement(slottable.props.child, undefined, slottable.props.children(slottable.props.child.props.children))
-                : null }));
-    }
-    return (_jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: children }));
-});
-Slot.displayName = "Slot";
-const SlotClone = React.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    if (React.isValidElement(children)) {
-        return React.cloneElement(children, {
-            ...mergeProps(slotProps, children.props),
-            ref: forwardedRef
-                ? composeRefs(forwardedRef, children.ref)
-                : children.ref,
-        });
-    }
-    return React.Children.count(children) > 1
-        ? React.Children.only(null)
-        : null;
-});
-SlotClone.displayName = "SlotClone";
-const Slottable = ({ child, children }) => {
-    return children(child);
-};
-function isSlottable(child) {
-    return React.isValidElement(child) && child.type === Slottable;
-}
-function mergeProps(slotProps, childProps) {
-    // all child props should override
-    const overrideProps = { ...childProps };
-    for (const propName in childProps) {
-        const slotPropValue = slotProps[propName];
-        const childPropValue = childProps[propName];
-        const isHandler = /^on[A-Z]/.test(propName);
-        if (isHandler) {
-            // if the handler exists on both, we compose them
-            if (slotPropValue && childPropValue) {
-                overrideProps[propName] = (...args) => {
-                    childPropValue(...args);
-                    slotPropValue(...args);
-                };
-            }
-            // but if it exists only on the slot, we use only this one
-            else if (slotPropValue) {
-                overrideProps[propName] = slotPropValue;
-            }
-        }
-        // if it's `style`, we merge them
-        else if (propName === "style") {
-            overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-        }
-        else if (propName === "className") {
-            overrideProps[propName] = [slotPropValue, childPropValue]
-                .filter(Boolean)
-                .join(" ");
-        }
-    }
-    return { ...slotProps, ...overrideProps };
-}
-const Root = Slot;
-export { Root, Slot, Slottable };
-//# sourceMappingURL=slot.js.map

package/dist/components/slot/slot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slot.js","sourceRoot":"/","sources":["components/slot/slot.tsx"],"names":[],"mappings":"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","sourcesContent":["import { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport type { ComponentRef } from \"react\";\nimport * as React from \"react\";\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotProps {\n\tchildren?: React.ReactNode;\n}\n\n// biome-ignore lint/suspicious/noExplicitAny: <We don't know anything about the ref>\ntype AnyRef = ComponentRef<any>;\n// biome-ignore lint/suspicious/noExplicitAny: <We don't know anything about the ref>\ntype AnyRefAttributes = React.RefAttributes<any>;\n\nconst Slot = React.forwardRef<AnyRef, SlotProps>((props, forwardedRef) => {\n\tconst { children, ...slotProps } = props;\n\n\tif (isSlottable(children)) {\n\t\tconst slottable = children;\n\n\t\treturn (\n\t\t\t<SlotClone {...slotProps} ref={forwardedRef}>\n\t\t\t\t{React.isValidElement<React.PropsWithChildren<unknown>>(\n\t\t\t\t\tslottable.props.child,\n\t\t\t\t)\n\t\t\t\t\t? React.cloneElement(\n\t\t\t\t\t\t\tslottable.props.child,\n\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\tslottable.props.children(slottable.props.child.props.children),\n\t\t\t\t\t\t)\n\t\t\t\t\t: null}\n\t\t\t</SlotClone>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotClone {...slotProps} ref={forwardedRef}>\n\t\t\t{children}\n\t\t</SlotClone>\n\t);\n});\n\nSlot.displayName = \"Slot\";\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotCloneProps {\n\tchildren: React.ReactNode;\n}\n\nconst SlotClone = React.forwardRef<AnyRef, SlotCloneProps>(\n\t(props, forwardedRef) => {\n\t\tconst { children, ...slotProps } = props;\n\n\t\tif (React.isValidElement<AnyRefAttributes>(children)) {\n\t\t\treturn React.cloneElement(children, {\n\t\t\t\t...mergeProps(slotProps, children.props),\n\t\t\t\tref: forwardedRef\n\t\t\t\t\t? composeRefs(forwardedRef, (children as AnyRefAttributes).ref)\n\t\t\t\t\t: (children as AnyRefAttributes).ref,\n\t\t\t});\n\t\t}\n\n\t\treturn React.Children.count(children) > 1\n\t\t\t? React.Children.only(null)\n\t\t\t: null;\n\t},\n);\n\nSlotClone.displayName = \"SlotClone\";\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/\n\ntype SlottableProps = {\n\tchild: React.ReactNode;\n\tchildren: (child: React.ReactNode) => React.JSX.Element;\n};\n\nconst Slottable = ({ child, children }: SlottableProps) => {\n\treturn children(child);\n};\n\n/* ---------------------------------------------------------------------------------------------- */\n\n// biome-ignore lint/suspicious/noExplicitAny: <We don't know anything about the props>\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(\n\tchild: React.ReactNode,\n): child is React.ReactElement<SlottableProps> {\n\treturn React.isValidElement(child) && child.type === Slottable;\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n\t// all child props should override\n\tconst overrideProps = { ...childProps };\n\n\tfor (const propName in childProps) {\n\t\tconst slotPropValue = slotProps[propName];\n\t\tconst childPropValue = childProps[propName];\n\n\t\tconst isHandler = /^on[A-Z]/.test(propName);\n\t\tif (isHandler) {\n\t\t\t// if the handler exists on both, we compose them\n\t\t\tif (slotPropValue && childPropValue) {\n\t\t\t\toverrideProps[propName] = (...args: unknown[]) => {\n\t\t\t\t\tchildPropValue(...args);\n\t\t\t\t\tslotPropValue(...args);\n\t\t\t\t};\n\t\t\t}\n\t\t\t// but if it exists only on the slot, we use only this one\n\t\t\telse if (slotPropValue) {\n\t\t\t\toverrideProps[propName] = slotPropValue;\n\t\t\t}\n\t\t}\n\t\t// if it's `style`, we merge them\n\t\telse if (propName === \"style\") {\n\t\t\toverrideProps[propName] = { ...slotPropValue, ...childPropValue };\n\t\t} else if (propName === \"className\") {\n\t\t\toverrideProps[propName] = [slotPropValue, childPropValue]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(\" \");\n\t\t}\n\t}\n\n\treturn { ...slotProps, ...overrideProps };\n}\n\nconst Root = Slot;\n\nexport { Root, Slot, Slottable };\nexport type { SlotProps };\n"]}