@sikka/hawa 0.12.2-next → 0.12.4-next

package/dist/index.css

@@ -1792,6 +1792,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-r {
   border-right-width: 1px;
 }
+.hawa-border-r-0 {
+  border-right-width: 0px;
+}
 .hawa-border-t {
   border-top-width: 1px;
 }

package/dist/index.d.mts

@@ -148,10 +148,11 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const SplitButton: {
-    (props: any): React$1.JSX.Element;
-    displayName: string;
-};
+interface SplitButtonProps extends ButtonProps {
+    direction?: "ltr" | "rtl";
+    menuItems?: MenuItemType[];
+}
+declare const SplitButton: React$1.FC<SplitButtonProps>;
 
 declare const Dialog: React$1.FC<SheetPrimitive.DialogProps>;
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -148,10 +148,11 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const SplitButton: {
-    (props: any): React$1.JSX.Element;
-    displayName: string;
-};
+interface SplitButtonProps extends ButtonProps {
+    direction?: "ltr" | "rtl";
+    menuItems?: MenuItemType[];
+}
+declare const SplitButton: React$1.FC<SplitButtonProps>;
 
 declare const Dialog: React$1.FC<SheetPrimitive.DialogProps>;
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.js

@@ -1537,30 +1537,45 @@ var LandingCard = function(props) {
 };
 // components/elements/SplitButton.tsx
 var React11 = __toESM(require("react"));
-var SplitButton = function(props) {
-    return /* @__PURE__ */ React11.createElement("div", {
-        className: " hawa-h-fit hawa-flex hawa-flex-row hawa-justify-center "
+var SplitButton = function(_param) /* @__PURE__ */ {
+    var variant = _param.variant, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_menuItems = _param.menuItems, menuItems = _param_menuItems === void 0 ? [] : _param_menuItems, children = _param.children, props = _object_without_properties(_param, [
+        "variant",
+        "direction",
+        "menuItems",
+        "children"
+    ]);
+    return React11.createElement("div", {
+        className: cn("hawa-h-fit hawa-flex  hawa-justify-center", direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row")
     }, /* @__PURE__ */ React11.createElement(Button, {
-        variant: props.variant,
-        className: "hawa-rounded-r-none"
-    }, "something"), /* @__PURE__ */ React11.createElement(Button, {
-        asChild: true,
-        variant: props.variant,
-        size: "icon",
-        className: "hawa-rounded-l-none hawa-h-10 hawa-w-fit hawa-px-1 hawa-border-l-0"
-    }, /* @__PURE__ */ React11.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-    }, /* @__PURE__ */ React11.createElement("path", {
-        d: "m6 9 6 6 6-6"
-    }))));
+        variant: variant,
+        onClick: function() {
+            return console.log("btn clicked");
+        },
+        className: direction === "rtl" ? "hawa-rounded-l-none" : "hawa-rounded-r-none"
+    }, children), /* @__PURE__ */ React11.createElement(DropdownMenu, {
+        size: "sm",
+        width: "sm",
+        direction: direction,
+        items: menuItems,
+        trigger: /* @__PURE__ */ React11.createElement(Button, {
+            asChild: true,
+            variant: variant,
+            size: "icon",
+            className: cn("hawa-h-10 hawa-w-fit hawa-px-1", direction === "rtl" ? "hawa-rounded-r-none hawa-border-r-0" : "hawa-border-l-0 hawa-rounded-l-none")
+        }, /* @__PURE__ */ React11.createElement("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        }, /* @__PURE__ */ React11.createElement("path", {
+            d: "m6 9 6 6 6-6"
+        })))
+    }));
 };
 SplitButton.displayName = "SplitButton";
 // components/elements/Dialog.tsx

package/dist/index.mjs

@@ -880,30 +880,66 @@ var LandingCard = (props) => {
 
 // components/elements/SplitButton.tsx
 import * as React11 from "react";
-var SplitButton = (props) => /* @__PURE__ */ React11.createElement("div", { className: " hawa-h-fit hawa-flex hawa-flex-row hawa-justify-center " }, /* @__PURE__ */ React11.createElement(Button, { variant: props.variant, className: "hawa-rounded-r-none" }, "something"), /* @__PURE__ */ React11.createElement(
-  Button,
+var SplitButton = ({
+  variant,
+  direction = "ltr",
+  menuItems = [],
+  children,
+  ...props
+}) => /* @__PURE__ */ React11.createElement(
+  "div",
   {
-    asChild: true,
-    variant: props.variant,
-    size: "icon",
-    className: "hawa-rounded-l-none hawa-h-10 hawa-w-fit hawa-px-1 hawa-border-l-0"
+    className: cn(
+      "hawa-h-fit hawa-flex  hawa-justify-center",
+      direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row"
+    )
   },
   /* @__PURE__ */ React11.createElement(
-    "svg",
+    Button,
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "18",
-      height: "18",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+      variant,
+      onClick: () => console.log("btn clicked"),
+      className: direction === "rtl" ? "hawa-rounded-l-none" : "hawa-rounded-r-none"
     },
-    /* @__PURE__ */ React11.createElement("path", { d: "m6 9 6 6 6-6" })
+    children
+  ),
+  /* @__PURE__ */ React11.createElement(
+    DropdownMenu,
+    {
+      size: "sm",
+      width: "sm",
+      direction,
+      items: menuItems,
+      trigger: /* @__PURE__ */ React11.createElement(
+        Button,
+        {
+          asChild: true,
+          variant,
+          size: "icon",
+          className: cn(
+            "hawa-h-10 hawa-w-fit hawa-px-1",
+            direction === "rtl" ? "hawa-rounded-r-none hawa-border-r-0" : "hawa-border-l-0 hawa-rounded-l-none"
+          )
+        },
+        /* @__PURE__ */ React11.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          },
+          /* @__PURE__ */ React11.createElement("path", { d: "m6 9 6 6 6-6" })
+        )
+      )
+    }
   )
-));
+);
 SplitButton.displayName = "SplitButton";
 
 // components/elements/Dialog.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.12.2-next",
+  "version": "0.12.4-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {