@drawnagency/primitives 0.1.60 → 0.1.62

package/dist/chunk-I5737FJY.js

@@ -0,0 +1,62 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/shared/icons.tsx
+import { GripVertical, Plus, Trash2, X, Settings } from "lucide-react";
+import { GripVertical as GripVertical2, Plus as Plus2, Trash2 as Trash22, X as X2, Settings as Settings2 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function DragHandle({ size = 16 }) {
+  return /* @__PURE__ */ jsx(GripVertical, { size });
+}
+function AddIcon({ size = 14 }) {
+  return /* @__PURE__ */ jsx(Plus, { size });
+}
+function DeleteIcon({ size = 14 }) {
+  return /* @__PURE__ */ jsx(Trash2, { size });
+}
+function SettingsIcon({ size = 14 }) {
+  return /* @__PURE__ */ jsx(Settings, { size });
+}
+
+// src/components/shared/IconButton.tsx
+import { forwardRef } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var sizeClasses = {
+  sm: "h-chrome-sm w-chrome-sm",
+  md: "h-chrome-md w-chrome-md",
+  lg: "h-chrome-lg w-chrome-lg"
+};
+var intentClasses = {
+  default: "text-base-contrast-light hover:text-base-contrast",
+  destructive: "text-destructive hover:text-destructive-hover",
+  primary: "text-primary/60 hover:text-primary"
+};
+var IconButton = forwardRef(
+  function IconButton2({ icon, label, size = "md", intent = "default", className, ...rest }, ref) {
+    return /* @__PURE__ */ jsx2(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          "cursor-pointer flex items-center justify-center rounded transition-colors",
+          sizeClasses[size],
+          intentClasses[intent],
+          className
+        ),
+        "aria-label": label,
+        ...rest,
+        children: icon
+      }
+    );
+  }
+);
+
+export {
+  DragHandle,
+  AddIcon,
+  DeleteIcon,
+  SettingsIcon,
+  IconButton
+};