@radix-solid-js/label 0.1.0

package/dist/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var solidJs = require('solid-js');
+var primitiveComponent = require('@radix-solid-js/primitive-component');
+
+// src/label.tsx
+function Label(props) {
+  const [local, rest] = solidJs.splitProps(props, ["onMouseDown"]);
+  const handleMouseDown = (event) => {
+    const target = event.target;
+    if (target.closest("button, input, select, textarea")) return;
+    if (typeof local.onMouseDown === "function") {
+      local.onMouseDown(event);
+    }
+    if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
+  };
+  return /* @__PURE__ */ React.createElement(primitiveComponent.Primitive.label, { ...rest, onMouseDown: handleMouseDown });
+}
+var Root = Label;
+
+exports.Label = Label;
+exports.Root = Root;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/label.tsx"],"names":["splitProps","Primitive"],"mappings":";;;;;;AASA,SAAS,MAAM,KAAA,EAAmB;AAChC,EAAA,MAAM,CAAC,OAAO,IAAI,CAAA,GAAIA,mBAAW,KAAA,EAAO,CAAC,aAAa,CAAC,CAAA;AAEvD,EAAA,MAAM,eAAA,GAAkE,CAAC,KAAA,KAAU;AAEjF,IAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,IAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,iCAAiC,CAAA,EAAG;AAEvD,IAAA,IAAI,OAAO,KAAA,CAAM,WAAA,KAAgB,UAAA,EAAY;AAC3C,MAAA,KAAA,CAAM,YAAY,KAAK,CAAA;AAAA,IACzB;AAGA,IAAA,IAAI,CAAC,KAAA,CAAM,gBAAA,IAAoB,MAAM,MAAA,GAAS,CAAA,QAAS,cAAA,EAAe;AAAA,EACxE,CAAA;AAEA,EAAA,2CAAQC,4BAAA,CAAU,KAAA,EAAV,EAAiB,GAAG,IAAA,EAAM,aAAa,eAAA,EAAiB,CAAA;AAClE;AAIA,IAAM,IAAA,GAAO","file":"index.cjs","sourcesContent":["import { type JSX, splitProps } from 'solid-js';\nimport { Primitive, type PrimitiveProps } from '@radix-solid-js/primitive-component';\n\n/* -------------------------------------------------------------------------------------------------\n * Label\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LabelProps extends PrimitiveProps<'label'> {}\n\nfunction Label(props: LabelProps) {\n  const [local, rest] = splitProps(props, ['onMouseDown']);\n\n  const handleMouseDown: JSX.EventHandler<HTMLLabelElement, MouseEvent> = (event) => {\n    // only prevent text selection if clicking inside the label itself\n    const target = event.target as HTMLElement;\n    if (target.closest('button, input, select, textarea')) return;\n\n    if (typeof local.onMouseDown === 'function') {\n      local.onMouseDown(event);\n    }\n\n    // prevent text selection when double clicking label\n    if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n  };\n\n  return <Primitive.label {...rest} onMouseDown={handleMouseDown} />;\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Label;\n\nexport { Label, Root };\nexport type { LabelProps };\n"]}

package/dist/index.d.cts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import { PrimitiveProps } from '@radix-solid-js/primitive-component';
+
+interface LabelProps extends PrimitiveProps<'label'> {
+}
+declare function Label(props: LabelProps): JSX.Element;
+declare const Root: typeof Label;
+
+export { Label, type LabelProps, Root };

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import { PrimitiveProps } from '@radix-solid-js/primitive-component';
+
+interface LabelProps extends PrimitiveProps<'label'> {
+}
+declare function Label(props: LabelProps): JSX.Element;
+declare const Root: typeof Label;
+
+export { Label, type LabelProps, Root };

package/dist/index.js

@@ -0,0 +1,21 @@
+import { splitProps } from 'solid-js';
+import { Primitive } from '@radix-solid-js/primitive-component';
+
+// src/label.tsx
+function Label(props) {
+  const [local, rest] = splitProps(props, ["onMouseDown"]);
+  const handleMouseDown = (event) => {
+    const target = event.target;
+    if (target.closest("button, input, select, textarea")) return;
+    if (typeof local.onMouseDown === "function") {
+      local.onMouseDown(event);
+    }
+    if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
+  };
+  return /* @__PURE__ */ React.createElement(Primitive.label, { ...rest, onMouseDown: handleMouseDown });
+}
+var Root = Label;
+
+export { Label, Root };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/label.tsx"],"names":[],"mappings":";;;;AASA,SAAS,MAAM,KAAA,EAAmB;AAChC,EAAA,MAAM,CAAC,OAAO,IAAI,CAAA,GAAI,WAAW,KAAA,EAAO,CAAC,aAAa,CAAC,CAAA;AAEvD,EAAA,MAAM,eAAA,GAAkE,CAAC,KAAA,KAAU;AAEjF,IAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,IAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,iCAAiC,CAAA,EAAG;AAEvD,IAAA,IAAI,OAAO,KAAA,CAAM,WAAA,KAAgB,UAAA,EAAY;AAC3C,MAAA,KAAA,CAAM,YAAY,KAAK,CAAA;AAAA,IACzB;AAGA,IAAA,IAAI,CAAC,KAAA,CAAM,gBAAA,IAAoB,MAAM,MAAA,GAAS,CAAA,QAAS,cAAA,EAAe;AAAA,EACxE,CAAA;AAEA,EAAA,2CAAQ,SAAA,CAAU,KAAA,EAAV,EAAiB,GAAG,IAAA,EAAM,aAAa,eAAA,EAAiB,CAAA;AAClE;AAIA,IAAM,IAAA,GAAO","file":"index.js","sourcesContent":["import { type JSX, splitProps } from 'solid-js';\nimport { Primitive, type PrimitiveProps } from '@radix-solid-js/primitive-component';\n\n/* -------------------------------------------------------------------------------------------------\n * Label\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LabelProps extends PrimitiveProps<'label'> {}\n\nfunction Label(props: LabelProps) {\n  const [local, rest] = splitProps(props, ['onMouseDown']);\n\n  const handleMouseDown: JSX.EventHandler<HTMLLabelElement, MouseEvent> = (event) => {\n    // only prevent text selection if clicking inside the label itself\n    const target = event.target as HTMLElement;\n    if (target.closest('button, input, select, textarea')) return;\n\n    if (typeof local.onMouseDown === 'function') {\n      local.onMouseDown(event);\n    }\n\n    // prevent text selection when double clicking label\n    if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n  };\n\n  return <Primitive.label {...rest} onMouseDown={handleMouseDown} />;\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Label;\n\nexport { Label, Root };\nexport type { LabelProps };\n"]}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@radix-solid-js/label",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@radix-solid-js/primitive-component": "workspace:*"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@repo/tsconfig": "workspace:*",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "solid-js": "^1.9.3",
+    "vitest": "^2.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ljho01/shadcn-solid-js.git",
+    "directory": "packages/solid/label"
+  }
+}