@melony/ui-kit 0.1.6 → 0.1.8

package/dist/{chunk-522Y53MP.js → chunk-BDCFD2QU.js}

@@ -15,14 +15,12 @@ var ui = {
     type: "ui",
     data: node
   }),
-  card: (props = {}, children = []) => ui.node("card", props, children),
   button: (props, children = []) => ui.node("button", props, children),
   text: (value, props = {}) => ui.node("text", { value, ...props }),
   heading: (value, level = 1, props = {}) => ui.node("heading", { value, level, ...props }),
   row: (props = {}, children = []) => ui.node("row", props, children),
   col: (props = {}, children = []) => ui.node("col", props, children),
   box: (props = {}, children = []) => ui.node("box", props, children),
-  badge: (label, variant = "primary", props = {}) => ui.node("badge", { label, variant, ...props }),
   input: (name, label, props = {}) => ui.node("input", { name, label, ...props }),
   textarea: (name, label, props = {}) => ui.node("textarea", { name, label, ...props }),
   select: (name, options, label, props = {}) => ui.node("select", { name, options, label, ...props }),
@@ -32,13 +30,10 @@ var ui = {
   image: (src, alt, props = {}) => ui.node("image", { src, alt, ...props }),
   spacer: (props = {}) => ui.node("spacer", props),
   divider: (props = {}) => ui.node("divider", props),
-  list: (props = {}, children = []) => ui.node("list", props, children),
-  listItem: (props = {}, children = []) => ui.node("listItem", props, children),
-  // organisms
-  thread: (props = {}, children = []) => ui.node("thread", props, children),
-  themeToggle: (props = {}) => ui.node("themeToggle", props)
+  popover: (props = {}, children = []) => ui.node("popover", props, children),
+  float: (props = {}, children = []) => ui.node("float", props, children)
 };
 
 export { ui };
-//# sourceMappingURL=chunk-522Y53MP.js.map
-//# sourceMappingURL=chunk-522Y53MP.js.map
+//# sourceMappingURL=chunk-BDCFD2QU.js.map
+//# sourceMappingURL=chunk-BDCFD2QU.js.map

package/dist/chunk-BDCFD2QU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.ts"],"names":[],"mappings":"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","file":"chunk-BDCFD2QU.js","sourcesContent":["import { UIContract, UINode, UIEvent } from \"./types\";\n\nexport * from \"./types\";\n\n/**\n * Helper to create UI events in Melony actions.\n */\nexport const ui = {\n  /**\n   * Creates a UI node.\n   */\n  node: <T extends keyof UIContract>(\n    type: T,\n    props: UIContract[T] = {} as any,\n    children: UINode<any>[] = []\n  ): UINode<T> => ({\n    type,\n    props,\n    children,\n  }),\n\n  /**\n   * Wraps a UI node in an event.\n   */\n  event: (node: UINode): UIEvent => ({\n    type: \"ui\",\n    data: node,\n  }),\n\n  button: (props: UIContract[\"button\"], children: UINode[] = []) =>\n    ui.node(\"button\", props, children),\n\n  text: (value: string, props: Partial<UIContract[\"text\"]> = {}) =>\n    ui.node(\"text\", { value, ...props }),\n\n  heading: (value: string, level: UIContract[\"heading\"][\"level\"] = 1, props: Partial<UIContract[\"heading\"]> = {}) =>\n    ui.node(\"heading\", { value, level, ...props }),\n\n  row: (props: UIContract[\"row\"] = {}, children: UINode[] = []) =>\n    ui.node(\"row\", props, children),\n\n  col: (props: UIContract[\"col\"] = {}, children: UINode[] = []) =>\n    ui.node(\"col\", props, children),\n\n  box: (props: UIContract[\"box\"] = {}, children: UINode[] = []) =>\n    ui.node(\"box\", props, children),\n\n  input: (name: string, label?: string, props: Partial<UIContract[\"input\"]> = {}) =>\n    ui.node(\"input\", { name, label, ...props }),\n\n  textarea: (name: string, label?: string, props: Partial<UIContract[\"textarea\"]> = {}) =>\n    ui.node(\"textarea\", { name, label, ...props }),\n\n  select: (name: string, options: UIContract[\"select\"][\"options\"], label?: string, props: Partial<UIContract[\"select\"]> = {}) =>\n    ui.node(\"select\", { name, options, label, ...props }),\n\n  checkbox: (name: string, label?: string, props: Partial<UIContract[\"checkbox\"]> = {}) =>\n    ui.node(\"checkbox\", { name, label, ...props }),\n\n  form: (props: UIContract[\"form\"] = {}, children: UINode[] = []) =>\n    ui.node(\"form\", props, children),\n\n  icon: (name: string, props: Partial<UIContract[\"icon\"]> = {}) =>\n    ui.node(\"icon\", { name, ...props }),\n\n  image: (src: string, alt?: string, props: Partial<UIContract[\"image\"]> = {}) =>\n    ui.node(\"image\", { src, alt, ...props }),\n\n  spacer: (props: UIContract[\"spacer\"] = {}) =>\n    ui.node(\"spacer\", props),\n\n  divider: (props: UIContract[\"divider\"] = {}) =>\n    ui.node(\"divider\", props),\n\n  popover: (props: UIContract[\"popover\"] = {}, children: UINode[] = []) =>\n    ui.node(\"popover\", props, children),\n\n  float: (props: UIContract[\"float\"] = {}, children: UINode[] = []) =>\n    ui.node(\"float\", props, children),\n};\n"]}

package/dist/client.d.ts

@@ -1,5 +1,5 @@
-import { j as UIContract, k as UINode } from './types-DyQAm50R.js';
-export { a as UIAlign, e as UIColor, l as UIEvent, b as UIJustify, d as UIOrientation, i as UIRadius, h as UIShadow, U as UISize, f as UISpacing, g as UIWidth, c as UIWrap } from './types-DyQAm50R.js';
+import { j as UIContract, k as UINode } from './types-DBwyqfDw.js';
+export { a as UIAlign, e as UIColor, l as UIEvent, b as UIJustify, d as UIOrientation, i as UIRadius, h as UIShadow, U as UISize, f as UISpacing, g as UIWidth, c as UIWrap } from './types-DBwyqfDw.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 import 'melony';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { ui } from './server.js';
-export { a as UIAlign, e as UIColor, j as UIContract, l as UIEvent, b as UIJustify, k as UINode, d as UIOrientation, i as UIRadius, h as UIShadow, U as UISize, f as UISpacing, g as UIWidth, c as UIWrap } from './types-DyQAm50R.js';
+export { a as UIAlign, e as UIColor, j as UIContract, l as UIEvent, b as UIJustify, k as UINode, d as UIOrientation, i as UIRadius, h as UIShadow, U as UISize, f as UISpacing, g as UIWidth, c as UIWrap } from './types-DBwyqfDw.js';
 export { MelonyComponents, MelonyRenderer, MelonyRendererProps, MelonyUIContextValue, MelonyUIProvider, MelonyUIProviderProps, useMelonyUI } from './client.js';
 import 'melony';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -1,4 +1,4 @@
 export { MelonyRenderer, MelonyUIProvider, useMelonyUI } from './chunk-7YJBGUKN.js';
-export { ui } from './chunk-522Y53MP.js';
+export { ui } from './chunk-BDCFD2QU.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/server.d.ts

@@ -1,5 +1,5 @@
-import { j as UIContract, k as UINode, l as UIEvent } from './types-DyQAm50R.js';
-export { a as UIAlign, e as UIColor, b as UIJustify, d as UIOrientation, i as UIRadius, h as UIShadow, U as UISize, f as UISpacing, g as UIWidth, c as UIWrap } from './types-DyQAm50R.js';
+import { j as UIContract, k as UINode, l as UIEvent } from './types-DBwyqfDw.js';
+export { a as UIAlign, e as UIColor, b as UIJustify, d as UIOrientation, i as UIRadius, h as UIShadow, U as UISize, f as UISpacing, g as UIWidth, c as UIWrap } from './types-DBwyqfDw.js';
 import 'melony';
 
 /**
@@ -14,14 +14,12 @@ declare const ui: {
      * Wraps a UI node in an event.
      */
     event: (node: UINode) => UIEvent;
-    card: (props?: UIContract["card"], children?: UINode[]) => UINode<"card">;
     button: (props: UIContract["button"], children?: UINode[]) => UINode<"button">;
     text: (value: string, props?: Partial<UIContract["text"]>) => UINode<"text">;
     heading: (value: string, level?: UIContract["heading"]["level"], props?: Partial<UIContract["heading"]>) => UINode<"heading">;
     row: (props?: UIContract["row"], children?: UINode[]) => UINode<"row">;
     col: (props?: UIContract["col"], children?: UINode[]) => UINode<"col">;
     box: (props?: UIContract["box"], children?: UINode[]) => UINode<"box">;
-    badge: (label: string, variant?: UIContract["badge"]["variant"], props?: Partial<UIContract["badge"]>) => UINode<"badge">;
     input: (name: string, label?: string, props?: Partial<UIContract["input"]>) => UINode<"input">;
     textarea: (name: string, label?: string, props?: Partial<UIContract["textarea"]>) => UINode<"textarea">;
     select: (name: string, options: UIContract["select"]["options"], label?: string, props?: Partial<UIContract["select"]>) => UINode<"select">;
@@ -31,10 +29,8 @@ declare const ui: {
     image: (src: string, alt?: string, props?: Partial<UIContract["image"]>) => UINode<"image">;
     spacer: (props?: UIContract["spacer"]) => UINode<"spacer">;
     divider: (props?: UIContract["divider"]) => UINode<"divider">;
-    list: (props?: UIContract["list"], children?: UINode[]) => UINode<"list">;
-    listItem: (props?: UIContract["listItem"], children?: UINode[]) => UINode<"listItem">;
-    thread: (props?: UIContract["thread"], children?: UINode[]) => UINode<"thread">;
-    themeToggle: (props?: UIContract["themeToggle"]) => UINode<"themeToggle">;
+    popover: (props?: UIContract["popover"], children?: UINode[]) => UINode<"popover">;
+    float: (props?: UIContract["float"], children?: UINode[]) => UINode<"float">;
 };
 
 export { UIContract, UIEvent, UINode, ui };

package/dist/server.js

@@ -1,3 +1,3 @@
-export { ui } from './chunk-522Y53MP.js';
+export { ui } from './chunk-BDCFD2QU.js';
 //# sourceMappingURL=server.js.map
 //# sourceMappingURL=server.js.map

package/dist/{types-DyQAm50R.d.ts → types-DBwyqfDw.d.ts}

@@ -15,16 +15,6 @@ type UIRadius = "none" | "sm" | "md" | "lg" | "full" | (string & {});
  * This acts as the source of truth for the SDUI protocol.
  */
 interface UIContract {
-    card: {
-        title?: string;
-        subtitle?: string;
-        background?: UIColor;
-        padding?: UISpacing;
-        radius?: UIRadius;
-        shadow?: UIShadow;
-        streaming?: boolean;
-        group?: boolean;
-    };
     row: {
         align?: UIAlign;
         justify?: UIJustify;
@@ -91,11 +81,6 @@ interface UIContract {
         color?: UIColor;
         align?: UIAlign;
     };
-    badge: {
-        label: string;
-        variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "outline";
-        size?: UISize;
-    };
     image: {
         src: string;
         alt?: string;
@@ -122,32 +107,6 @@ interface UIContract {
         size?: UISize | number;
         color?: UIColor;
     };
-    chart: {
-        data: Array<{
-            label: string;
-            value: number;
-            color?: string;
-        }>;
-        chartType?: "bar" | "line" | "area" | "pie";
-        title?: string;
-        height?: number;
-        showValues?: boolean;
-        showGrid?: boolean;
-        showTooltips?: boolean;
-    };
-    list: {
-        padding?: UISpacing;
-        gap?: UISpacing;
-        width?: UIWidth;
-    };
-    listItem: {
-        onClickAction?: Event;
-        gap?: UISpacing;
-        padding?: UISpacing;
-        background?: UIColor;
-        radius?: UIRadius;
-        truncate?: boolean;
-    };
     form: {
         onSubmitAction?: Event | ((data: any) => Event);
         gap?: UISpacing;
@@ -247,30 +206,20 @@ interface UIContract {
         width?: UIWidth;
         onClickAction?: Event;
     };
+    popover: {
+        side?: "top" | "right" | "bottom" | "left";
+        align?: "start" | "center" | "end";
+        sideOffset?: number;
+        alignOffset?: number;
+        modal?: boolean;
+        trigger?: UINode;
+    };
     float: {
         position?: "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center" | "center" | "left-center" | "right-center";
         offsetX?: UISpacing;
         offsetY?: UISpacing;
         showOnHover?: boolean;
     };
-    dropdown: {
-        items: Array<{
-            label: string;
-            icon?: string;
-            onClickAction?: Event;
-        }>;
-        className?: string;
-        triggerClassName?: string;
-    };
-    thread: {
-        placeholder?: string;
-        messages?: any[];
-        autoFocus?: boolean;
-        children?: React.ReactNode;
-    };
-    themeToggle: {
-        theme?: "light" | "dark" | "system";
-    };
 }
 type UINode<T extends keyof UIContract = keyof UIContract> = {
     type: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@melony/ui-kit",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -26,11 +26,12 @@
     "dist"
   ],
   "peerDependencies": {
+    "melony": "^0.2.9",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "melony": "0.2.9"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
+    "melony": "^0.2.9",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "@types/react": "^19.0.0",
@@ -38,8 +39,7 @@
     "tsup": "^8.3.0",
     "typescript": "^5.5.4",
     "rimraf": "^5.0.10",
-    "@types/node": "^20.14.10",
-    "melony": "0.2.9"
+    "@types/node": "^20.14.10"
   },
   "publishConfig": {
     "access": "public"

package/dist/chunk-522Y53MP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/server.ts"],"names":[],"mappings":"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","file":"chunk-522Y53MP.js","sourcesContent":["import { UIContract, UINode, UIEvent } from \"./types\";\n\nexport * from \"./types\";\n\n/**\n * Helper to create UI events in Melony actions.\n */\nexport const ui = {\n  /**\n   * Creates a UI node.\n   */\n  node: <T extends keyof UIContract>(\n    type: T,\n    props: UIContract[T] = {} as any,\n    children: UINode<any>[] = []\n  ): UINode<T> => ({\n    type,\n    props,\n    children,\n  }),\n\n  /**\n   * Wraps a UI node in an event.\n   */\n  event: (node: UINode): UIEvent => ({\n    type: \"ui\",\n    data: node,\n  }),\n\n  card: (props: UIContract[\"card\"] = {}, children: UINode[] = []) =>\n    ui.node(\"card\", props, children),\n\n  button: (props: UIContract[\"button\"], children: UINode[] = []) =>\n    ui.node(\"button\", props, children),\n\n  text: (value: string, props: Partial<UIContract[\"text\"]> = {}) =>\n    ui.node(\"text\", { value, ...props }),\n\n  heading: (value: string, level: UIContract[\"heading\"][\"level\"] = 1, props: Partial<UIContract[\"heading\"]> = {}) =>\n    ui.node(\"heading\", { value, level, ...props }),\n\n  row: (props: UIContract[\"row\"] = {}, children: UINode[] = []) =>\n    ui.node(\"row\", props, children),\n\n  col: (props: UIContract[\"col\"] = {}, children: UINode[] = []) =>\n    ui.node(\"col\", props, children),\n\n  box: (props: UIContract[\"box\"] = {}, children: UINode[] = []) =>\n    ui.node(\"box\", props, children),\n\n  badge: (label: string, variant: UIContract[\"badge\"][\"variant\"] = \"primary\", props: Partial<UIContract[\"badge\"]> = {}) =>\n    ui.node(\"badge\", { label, variant, ...props }),\n\n  input: (name: string, label?: string, props: Partial<UIContract[\"input\"]> = {}) =>\n    ui.node(\"input\", { name, label, ...props }),\n\n  textarea: (name: string, label?: string, props: Partial<UIContract[\"textarea\"]> = {}) =>\n    ui.node(\"textarea\", { name, label, ...props }),\n\n  select: (name: string, options: UIContract[\"select\"][\"options\"], label?: string, props: Partial<UIContract[\"select\"]> = {}) =>\n    ui.node(\"select\", { name, options, label, ...props }),\n\n  checkbox: (name: string, label?: string, props: Partial<UIContract[\"checkbox\"]> = {}) =>\n    ui.node(\"checkbox\", { name, label, ...props }),\n\n  form: (props: UIContract[\"form\"] = {}, children: UINode[] = []) =>\n    ui.node(\"form\", props, children),\n\n  icon: (name: string, props: Partial<UIContract[\"icon\"]> = {}) =>\n    ui.node(\"icon\", { name, ...props }),\n\n  image: (src: string, alt?: string, props: Partial<UIContract[\"image\"]> = {}) =>\n    ui.node(\"image\", { src, alt, ...props }),\n\n  spacer: (props: UIContract[\"spacer\"] = {}) =>\n    ui.node(\"spacer\", props),\n\n  divider: (props: UIContract[\"divider\"] = {}) =>\n    ui.node(\"divider\", props),\n\n  list: (props: UIContract[\"list\"] = {}, children: UINode[] = []) =>\n    ui.node(\"list\", props, children),\n\n  listItem: (props: UIContract[\"listItem\"] = {}, children: UINode[] = []) =>\n    ui.node(\"listItem\", props, children),\n\n  // organisms\n  thread: (props: UIContract[\"thread\"] = {}, children: UINode[] = []) =>\n    ui.node(\"thread\", props, children),\n\n  themeToggle: (props: UIContract[\"themeToggle\"] = {}) =>\n    ui.node(\"themeToggle\", props)\n};\n"]}