@radix-solid-js/arrow 0.1.0

package/dist/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var solidJs = require('solid-js');
+var primitiveComponent = require('@radix-solid-js/primitive-component');
+
+// src/arrow.tsx
+var defaultProps = {
+  width: 10,
+  height: 5
+};
+function Arrow(inProps) {
+  const props = solidJs.mergeProps(defaultProps, inProps);
+  const [local, rest] = solidJs.splitProps(props, ["children", "width", "height", "asChild"]);
+  return /* @__PURE__ */ React.createElement(
+    primitiveComponent.Primitive.svg,
+    {
+      ...rest,
+      width: local.width,
+      height: local.height,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      asChild: local.asChild
+    },
+    local.asChild ? local.children : /* @__PURE__ */ React.createElement("polygon", { points: "0,0 30,0 15,10" })
+  );
+}
+
+exports.Arrow = Arrow;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/arrow.tsx"],"names":["mergeProps","splitProps","Primitive"],"mappings":";;;;;;AAQA,IAAM,YAAA,GAAe;AAAA,EACnB,KAAA,EAAO,EAAA;AAAA,EACP,MAAA,EAAQ;AACV,CAAA;AAEA,SAAS,MAAM,OAAA,EAAqB;AAClC,EAAA,MAAM,KAAA,GAAQA,kBAAA,CAAW,YAAA,EAAc,OAAO,CAAA;AAC9C,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAIC,kBAAA,CAAW,KAAA,EAAO,CAAC,UAAA,EAAY,OAAA,EAAS,QAAA,EAAU,SAAS,CAAC,CAAA;AAElF,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAACC,4BAAA,CAAU,GAAA;AAAA,IAAV;AAAA,MACE,GAAI,IAAA;AAAA,MACL,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,QAAQ,KAAA,CAAM,MAAA;AAAA,MACd,OAAA,EAAQ,WAAA;AAAA,MACR,mBAAA,EAAoB,MAAA;AAAA,MACpB,SAAS,KAAA,CAAM;AAAA,KAAA;AAAA,IAEd,MAAM,OAAA,GAAU,KAAA,CAAM,2BAAW,KAAA,CAAA,aAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,gBAAA,EAAiB;AAAA,GACrE;AAEJ","file":"index.cjs","sourcesContent":["import { type JSX, splitProps, mergeProps } from 'solid-js';\nimport { Primitive } from '@radix-solid-js/primitive-component';\n\ninterface ArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {\n  ref?: (el: SVGSVGElement) => void;\n  asChild?: boolean;\n}\n\nconst defaultProps = {\n  width: 10,\n  height: 5,\n};\n\nfunction Arrow(inProps: ArrowProps) {\n  const props = mergeProps(defaultProps, inProps);\n  const [local, rest] = splitProps(props, ['children', 'width', 'height', 'asChild']);\n\n  return (\n    <Primitive.svg\n      {...(rest as any)}\n      width={local.width}\n      height={local.height}\n      viewBox=\"0 0 30 10\"\n      preserveAspectRatio=\"none\"\n      asChild={local.asChild}\n    >\n      {local.asChild ? local.children : <polygon points=\"0,0 30,0 15,10\" />}\n    </Primitive.svg>\n  );\n}\n\nexport { Arrow };\nexport type { ArrowProps };\n"]}

package/dist/index.d.cts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+
+interface ArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+    ref?: (el: SVGSVGElement) => void;
+    asChild?: boolean;
+}
+declare function Arrow(inProps: ArrowProps): JSX.Element;
+
+export { Arrow, type ArrowProps };

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+
+interface ArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+    ref?: (el: SVGSVGElement) => void;
+    asChild?: boolean;
+}
+declare function Arrow(inProps: ArrowProps): JSX.Element;
+
+export { Arrow, type ArrowProps };

package/dist/index.js

@@ -0,0 +1,28 @@
+import { mergeProps, splitProps } from 'solid-js';
+import { Primitive } from '@radix-solid-js/primitive-component';
+
+// src/arrow.tsx
+var defaultProps = {
+  width: 10,
+  height: 5
+};
+function Arrow(inProps) {
+  const props = mergeProps(defaultProps, inProps);
+  const [local, rest] = splitProps(props, ["children", "width", "height", "asChild"]);
+  return /* @__PURE__ */ React.createElement(
+    Primitive.svg,
+    {
+      ...rest,
+      width: local.width,
+      height: local.height,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      asChild: local.asChild
+    },
+    local.asChild ? local.children : /* @__PURE__ */ React.createElement("polygon", { points: "0,0 30,0 15,10" })
+  );
+}
+
+export { Arrow };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/arrow.tsx"],"names":[],"mappings":";;;;AAQA,IAAM,YAAA,GAAe;AAAA,EACnB,KAAA,EAAO,EAAA;AAAA,EACP,MAAA,EAAQ;AACV,CAAA;AAEA,SAAS,MAAM,OAAA,EAAqB;AAClC,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,YAAA,EAAc,OAAO,CAAA;AAC9C,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,UAAA,CAAW,KAAA,EAAO,CAAC,UAAA,EAAY,OAAA,EAAS,QAAA,EAAU,SAAS,CAAC,CAAA;AAElF,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA,CAAU,GAAA;AAAA,IAAV;AAAA,MACE,GAAI,IAAA;AAAA,MACL,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,QAAQ,KAAA,CAAM,MAAA;AAAA,MACd,OAAA,EAAQ,WAAA;AAAA,MACR,mBAAA,EAAoB,MAAA;AAAA,MACpB,SAAS,KAAA,CAAM;AAAA,KAAA;AAAA,IAEd,MAAM,OAAA,GAAU,KAAA,CAAM,2BAAW,KAAA,CAAA,aAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,gBAAA,EAAiB;AAAA,GACrE;AAEJ","file":"index.js","sourcesContent":["import { type JSX, splitProps, mergeProps } from 'solid-js';\nimport { Primitive } from '@radix-solid-js/primitive-component';\n\ninterface ArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {\n  ref?: (el: SVGSVGElement) => void;\n  asChild?: boolean;\n}\n\nconst defaultProps = {\n  width: 10,\n  height: 5,\n};\n\nfunction Arrow(inProps: ArrowProps) {\n  const props = mergeProps(defaultProps, inProps);\n  const [local, rest] = splitProps(props, ['children', 'width', 'height', 'asChild']);\n\n  return (\n    <Primitive.svg\n      {...(rest as any)}\n      width={local.width}\n      height={local.height}\n      viewBox=\"0 0 30 10\"\n      preserveAspectRatio=\"none\"\n      asChild={local.asChild}\n    >\n      {local.asChild ? local.children : <polygon points=\"0,0 30,0 15,10\" />}\n    </Primitive.svg>\n  );\n}\n\nexport { Arrow };\nexport type { ArrowProps };\n"]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@radix-solid-js/arrow",
+  "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"
+  },
+  "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"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ljho01/shadcn-solid-js.git",
+    "directory": "packages/solid/arrow"
+  }
+}