@horang-corp/react-interaction 0.1.1

package/dist/index.js

@@ -0,0 +1,61 @@
+import { Box as e } from "@horang-corp/react-system/jsx";
+import { mergeProps as t } from "@horang-corp/react-system/runtime";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../variants/Status_Normal/react-panda/index.tsx
+var r = {
+	StatusNormalCornerRadius: void 0,
+	StatusNormalCornerSmoothing: void 0,
+	StatusNormalWidth: "4rem",
+	StatusNormalHeight: "4rem"
+}, i = (i) => {
+	let a = t(r, i);
+	return /* @__PURE__ */ n(e, {
+		width: a.StatusNormalWidth,
+		height: a.StatusNormalHeight,
+		overflow: "hidden",
+		rounded: a.StatusNormalCornerRadius
+	});
+}, a = {
+	StatusHoveredCornerRadius: void 0,
+	StatusHoveredCornerSmoothing: void 0,
+	StatusHoveredWidth: "4rem",
+	StatusHoveredHeight: "4rem"
+}, o = (r) => {
+	let i = t(a, r);
+	return /* @__PURE__ */ n(e, {
+		width: i.StatusHoveredWidth,
+		height: i.StatusHoveredHeight,
+		overflow: "hidden",
+		bg: "components.interactive.hover",
+		rounded: i.StatusHoveredCornerRadius
+	});
+}, s = () => /* @__PURE__ */ n(e, {
+	width: "4rem",
+	height: "4rem",
+	overflow: "hidden",
+	bg: "components.interactive.focussed"
+}), c = {
+	StatusPressedCornerRadius: void 0,
+	StatusPressedCornerSmoothing: void 0,
+	StatusPressedWidth: "4rem",
+	StatusPressedHeight: "4rem"
+}, l = {
+	"Status=Normal": i,
+	"Status=Hovered": o,
+	"Status=Focussed": s,
+	"Status=Pressed": (r) => {
+		let i = t(c, r);
+		return /* @__PURE__ */ n(e, {
+			width: i.StatusPressedWidth,
+			height: i.StatusPressedHeight,
+			overflow: "hidden",
+			bg: "components.interactive.pressed",
+			rounded: i.StatusPressedCornerRadius
+		});
+	}
+}, u = (e) => {
+	let t = l[`Status=${String(e.Status)}`] ?? i;
+	return t ? /* @__PURE__ */ n(t, { ...e }) : null;
+};
+//#endregion
+export { u as Interaction, u as impl };

package/index.d.ts

@@ -0,0 +1,21 @@
+import type { FC } from 'react'
+import type { BoxProps } from '@horang-corp/react-system/jsx'
+
+export interface InteractionProps extends BoxProps {
+    Status?: string
+    StatusHoveredCornerRadius?: string | number
+    StatusHoveredCornerSmoothing?: number
+    StatusHoveredHeight?: string | number
+    StatusHoveredWidth?: string | number
+    StatusNormalCornerRadius?: string | number
+    StatusNormalCornerSmoothing?: number
+    StatusNormalHeight?: string | number
+    StatusNormalWidth?: string | number
+    StatusPressedCornerRadius?: string | number
+    StatusPressedCornerSmoothing?: number
+    StatusPressedHeight?: string | number
+    StatusPressedWidth?: string | number
+}
+
+export declare const Interaction: FC<InteractionProps>
+export declare const impl: FC<InteractionProps>

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@horang-corp/react-interaction",
+  "version": "0.1.1",
+  "type": "module",
+  "private": false,
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "index.d.ts"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "pack:local": "pnpm pack"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "dependencies": {
+    "@horang-corp/react-system": "^0.1.1"
+  }
+}