@melony/ui-kit 0.1.28 → 0.1.30

package/dist/chunk-NC5WJY7M.js

@@ -0,0 +1,49 @@
+// src/server.ts
+var ui = {
+  // ── Core ────────────────────────────────────────────────────────────────────
+  node: (type, props = {}, children = []) => ({ type, props, children }),
+  event: (node) => ({ type: "ui", data: node }),
+  // ── Layout ──────────────────────────────────────────────────────────────────
+  row: (props = {}, children = []) => ui.node("row", props, children),
+  col: (props = {}, children = []) => ui.node("col", props, children),
+  box: (props = {}, children = []) => ui.node("box", props, children),
+  spacer: (props = {}) => ui.node("spacer", props),
+  divider: (props = {}) => ui.node("divider", props),
+  // ── Content ─────────────────────────────────────────────────────────────────
+  text: (value, props = {}) => ui.node("text", { value, ...props }),
+  heading: (value, props = {}) => ui.node("heading", { value, ...props }),
+  markdown: (value, props = {}) => ui.node("markdown", { value, ...props }),
+  image: (src, props = {}) => ui.node("image", { src, ...props }),
+  video: (src, props = {}) => ui.node("video", { src, ...props }),
+  icon: (name, props = {}) => ui.node("icon", { name, ...props }),
+  // ── Interactive ─────────────────────────────────────────────────────────────
+  button: (props = {}, children = []) => ui.node("button", props, children),
+  badge: (label, props = {}) => ui.node("badge", { label, ...props }),
+  dropdown: (props = {}, children = []) => ui.node("dropdown", props, children),
+  popover: (props = {}, children = []) => ui.node("popover", props, children),
+  // ── Forms ───────────────────────────────────────────────────────────────────
+  form: (props = {}, children = []) => ui.node("form", props, children),
+  input: (name, props = {}) => ui.node("input", { name, ...props }),
+  textarea: (name, props = {}) => ui.node("textarea", { name, ...props }),
+  select: (name, options, props = {}) => ui.node("select", { name, options, ...props }),
+  checkbox: (name, props = {}) => ui.node("checkbox", { name, ...props }),
+  radioGroup: (name, options, props = {}) => ui.node("radioGroup", { name, options, ...props }),
+  label: (value, props = {}) => ui.node("label", { value, ...props }),
+  hidden: (name, value) => ui.node("hidden", { name, value }),
+  colorPicker: (name, props = {}) => ui.node("colorPicker", { name, ...props }),
+  upload: (props = {}) => ui.node("upload", props),
+  // ── Positioning ─────────────────────────────────────────────────────────────
+  float: (props = {}, children = []) => ui.node("float", props, children),
+  sticky: (props = {}, children = []) => ui.node("sticky", props, children),
+  // ── Compound ────────────────────────────────────────────────────────────────
+  card: (props = {}, children = []) => ui.node("card", props, children),
+  chart: (data, props = {}) => ui.node("chart", { data, ...props }),
+  list: (props = {}, children = []) => ui.node("list", props, children),
+  listItem: (props = {}, children = []) => ui.node("listItem", props, children),
+  streamingText: (eventType, props = {}) => ui.node("streamingText", { eventType, ...props }),
+  thread: (props = {}, children = []) => ui.node("thread", props, children)
+};
+
+export { ui };
+//# sourceMappingURL=chunk-NC5WJY7M.js.map
+//# sourceMappingURL=chunk-NC5WJY7M.js.map

package/dist/chunk-NC5WJY7M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.ts"],"names":[],"mappings":"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","file":"chunk-NC5WJY7M.js","sourcesContent":["import { UIContract, UINode, UIEvent } from \"./types\";\n\nexport * from \"./types\";\n\ntype NodeProps<T extends keyof UIContract> = UIContract[T];\n\n/**\n * Builder helpers for creating UI nodes in Melony actions.\n *\n * All container helpers follow (props, children?) signature.\n * Content helpers with a required value follow (value, props?) signature.\n */\nexport const ui = {\n  // ── Core ────────────────────────────────────────────────────────────────────\n\n  node: <T extends keyof UIContract>(\n    type: T,\n    props: NodeProps<T> = {} as any,\n    children: UINode<any>[] = [],\n  ): UINode<T> => ({ type, props, children }),\n\n  event: (node: UINode): UIEvent => ({ type: \"ui\", data: node }),\n\n  // ── Layout ──────────────────────────────────────────────────────────────────\n\n  row: (props: NodeProps<\"row\"> = {}, children: UINode[] = []) =>\n    ui.node(\"row\", props, children),\n\n  col: (props: NodeProps<\"col\"> = {}, children: UINode[] = []) =>\n    ui.node(\"col\", props, children),\n\n  box: (props: NodeProps<\"box\"> = {}, children: UINode[] = []) =>\n    ui.node(\"box\", props, children),\n\n  spacer: (props: NodeProps<\"spacer\"> = {}) =>\n    ui.node(\"spacer\", props),\n\n  divider: (props: NodeProps<\"divider\"> = {}) =>\n    ui.node(\"divider\", props),\n\n  // ── Content ─────────────────────────────────────────────────────────────────\n\n  text: (value: string, props: Partial<NodeProps<\"text\">> = {}) =>\n    ui.node(\"text\", { value, ...props }),\n\n  heading: (value: string, props: Partial<NodeProps<\"heading\">> = {}) =>\n    ui.node(\"heading\", { value, ...props }),\n\n  markdown: (value: string, props: Partial<NodeProps<\"markdown\">> = {}) =>\n    ui.node(\"markdown\", { value, ...props }),\n\n  image: (src: string, props: Partial<NodeProps<\"image\">> = {}) =>\n    ui.node(\"image\", { src, ...props }),\n\n  video: (src: string, props: Partial<NodeProps<\"video\">> = {}) =>\n    ui.node(\"video\", { src, ...props }),\n\n  icon: (name: string, props: Partial<NodeProps<\"icon\">> = {}) =>\n    ui.node(\"icon\", { name, ...props }),\n\n  // ── Interactive ─────────────────────────────────────────────────────────────\n\n  button: (props: NodeProps<\"button\"> = {}, children: UINode[] = []) =>\n    ui.node(\"button\", props, children),\n\n  badge: (label: string, props: Partial<NodeProps<\"badge\">> = {}) =>\n    ui.node(\"badge\", { label, ...props }),\n\n  dropdown: (props: NodeProps<\"dropdown\"> = {}, children: UINode[] = []) =>\n    ui.node(\"dropdown\", props, children),\n\n  popover: (props: NodeProps<\"popover\"> = {}, children: UINode[] = []) =>\n    ui.node(\"popover\", props, children),\n\n  // ── Forms ───────────────────────────────────────────────────────────────────\n\n  form: (props: NodeProps<\"form\"> = {}, children: UINode[] = []) =>\n    ui.node(\"form\", props, children),\n\n  input: (name: string, props: Partial<NodeProps<\"input\">> = {}) =>\n    ui.node(\"input\", { name, ...props }),\n\n  textarea: (name: string, props: Partial<NodeProps<\"textarea\">> = {}) =>\n    ui.node(\"textarea\", { name, ...props }),\n\n  select: (name: string, options: NodeProps<\"select\">[\"options\"], props: Partial<NodeProps<\"select\">> = {}) =>\n    ui.node(\"select\", { name, options, ...props }),\n\n  checkbox: (name: string, props: Partial<NodeProps<\"checkbox\">> = {}) =>\n    ui.node(\"checkbox\", { name, ...props }),\n\n  radioGroup: (name: string, options: NodeProps<\"radioGroup\">[\"options\"], props: Partial<NodeProps<\"radioGroup\">> = {}) =>\n    ui.node(\"radioGroup\", { name, options, ...props }),\n\n  label: (value: string, props: Partial<NodeProps<\"label\">> = {}) =>\n    ui.node(\"label\", { value, ...props }),\n\n  hidden: (name: string, value: string) =>\n    ui.node(\"hidden\", { name, value }),\n\n  colorPicker: (name: string, props: Partial<NodeProps<\"colorPicker\">> = {}) =>\n    ui.node(\"colorPicker\", { name, ...props }),\n\n  upload: (props: NodeProps<\"upload\"> = {}) =>\n    ui.node(\"upload\", props),\n\n  // ── Positioning ─────────────────────────────────────────────────────────────\n\n  float: (props: NodeProps<\"float\"> = {}, children: UINode[] = []) =>\n    ui.node(\"float\", props, children),\n\n  sticky: (props: NodeProps<\"sticky\"> = {}, children: UINode[] = []) =>\n    ui.node(\"sticky\", props, children),\n\n  // ── Compound ────────────────────────────────────────────────────────────────\n\n  card: (props: NodeProps<\"card\"> = {}, children: UINode[] = []) =>\n    ui.node(\"card\", props, children),\n\n  chart: (data: NodeProps<\"chart\">[\"data\"], props: Partial<NodeProps<\"chart\">> = {}) =>\n    ui.node(\"chart\", { data, ...props }),\n\n  list: (props: NodeProps<\"list\"> = {}, children: UINode[] = []) =>\n    ui.node(\"list\", props, children),\n\n  listItem: (props: NodeProps<\"listItem\"> = {}, children: UINode[] = []) =>\n    ui.node(\"listItem\", props, children),\n\n  streamingText: (eventType: string, props: Partial<NodeProps<\"streamingText\">> = {}) =>\n    ui.node(\"streamingText\", { eventType, ...props }),\n\n  thread: (props: NodeProps<\"thread\"> = {}, children: UINode[] = []) =>\n    ui.node(\"thread\", props, children),\n};\n"]}

package/dist/client.d.ts

@@ -1,5 +1,5 @@
-import { j as UIContract, k as UINode } from './types-tSkCU6PC.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-tSkCU6PC.js';
+import { m as UIContract, n as UINode } from './types-Dip78pyT.js';
+export { f as UIAlign, d as UIColor, o as UIEvent, k as UIFontWeight, g as UIJustify, i as UIOrientation, j as UIOverflow, b as UIRadius, c as UIShadow, U as UISize, a as UISpacing, l as UITextAlign, e as UIWidth, h as UIWrap } from './types-Dip78pyT.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-tSkCU6PC.js';
+export { f as UIAlign, d as UIColor, m as UIContract, o as UIEvent, k as UIFontWeight, g as UIJustify, n as UINode, i as UIOrientation, j as UIOverflow, b as UIRadius, c as UIShadow, U as UISize, a as UISpacing, l as UITextAlign, e as UIWidth, h as UIWrap } from './types-Dip78pyT.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-3JCAOTZB.js';
+export { ui } from './chunk-NC5WJY7M.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/server.d.ts

@@ -1,39 +1,50 @@
-import { j as UIContract, k as UINode, l as UIEvent } from './types-tSkCU6PC.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-tSkCU6PC.js';
+import { m as UIContract, n as UINode, o as UIEvent } from './types-Dip78pyT.js';
+export { f as UIAlign, d as UIColor, k as UIFontWeight, g as UIJustify, i as UIOrientation, j as UIOverflow, b as UIRadius, c as UIShadow, U as UISize, a as UISpacing, l as UITextAlign, e as UIWidth, h as UIWrap } from './types-Dip78pyT.js';
 import 'melony';
 
+type NodeProps<T extends keyof UIContract> = UIContract[T];
 /**
- * Helper to create UI events in Melony actions.
+ * Builder helpers for creating UI nodes in Melony actions.
+ *
+ * All container helpers follow (props, children?) signature.
+ * Content helpers with a required value follow (value, props?) signature.
  */
 declare const ui: {
-    /**
-     * Creates a UI node.
-     */
-    node: <T extends keyof UIContract>(type: T, props?: UIContract[T], children?: UINode<any>[]) => UINode<T>;
-    /**
-     * Wraps a UI node in an event.
-     */
+    node: <T extends keyof UIContract>(type: T, props?: NodeProps<T>, children?: UINode<any>[]) => UINode<T>;
     event: (node: UINode) => UIEvent;
-    button: (props: UIContract["button"], children?: UINode[]) => UINode<"button">;
-    text: (value: string, props?: Partial<UIContract["text"]>) => UINode<"text">;
-    markdown: (value: string, props?: Partial<UIContract["markdown"]>) => UINode<"markdown">;
-    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">;
-    input: (name: string, label?: string, props?: Partial<UIContract["input"]>) => UINode<"input">;
-    textarea: (name: string, props?: Partial<UIContract["textarea"]>) => UINode<"textarea">;
-    select: (name: string, options: UIContract["select"]["options"], label?: string, props?: Partial<UIContract["select"]>) => UINode<"select">;
-    checkbox: (name: string, label?: string, props?: Partial<UIContract["checkbox"]>) => UINode<"checkbox">;
-    form: (props?: UIContract["form"], children?: UINode[]) => UINode<"form">;
-    icon: (name: string, props?: Partial<UIContract["icon"]>) => UINode<"icon">;
-    image: (src: string, alt?: string, props?: Partial<UIContract["image"]>) => UINode<"image">;
-    spacer: (props?: UIContract["spacer"]) => UINode<"spacer">;
-    divider: (props?: UIContract["divider"]) => UINode<"divider">;
-    popover: (props?: UIContract["popover"], children?: UINode[]) => UINode<"popover">;
-    float: (props?: UIContract["float"], children?: UINode[]) => UINode<"float">;
-    sticky: (props?: UIContract["sticky"], children?: UINode[]) => UINode<"sticky">;
-    streamingText: (eventType: string, props?: Partial<UIContract["streamingText"]>) => UINode<"streamingText">;
+    row: (props?: NodeProps<"row">, children?: UINode[]) => UINode<"row">;
+    col: (props?: NodeProps<"col">, children?: UINode[]) => UINode<"col">;
+    box: (props?: NodeProps<"box">, children?: UINode[]) => UINode<"box">;
+    spacer: (props?: NodeProps<"spacer">) => UINode<"spacer">;
+    divider: (props?: NodeProps<"divider">) => UINode<"divider">;
+    text: (value: string, props?: Partial<NodeProps<"text">>) => UINode<"text">;
+    heading: (value: string, props?: Partial<NodeProps<"heading">>) => UINode<"heading">;
+    markdown: (value: string, props?: Partial<NodeProps<"markdown">>) => UINode<"markdown">;
+    image: (src: string, props?: Partial<NodeProps<"image">>) => UINode<"image">;
+    video: (src: string, props?: Partial<NodeProps<"video">>) => UINode<"video">;
+    icon: (name: string, props?: Partial<NodeProps<"icon">>) => UINode<"icon">;
+    button: (props?: NodeProps<"button">, children?: UINode[]) => UINode<"button">;
+    badge: (label: string, props?: Partial<NodeProps<"badge">>) => UINode<"badge">;
+    dropdown: (props?: NodeProps<"dropdown">, children?: UINode[]) => UINode<"dropdown">;
+    popover: (props?: NodeProps<"popover">, children?: UINode[]) => UINode<"popover">;
+    form: (props?: NodeProps<"form">, children?: UINode[]) => UINode<"form">;
+    input: (name: string, props?: Partial<NodeProps<"input">>) => UINode<"input">;
+    textarea: (name: string, props?: Partial<NodeProps<"textarea">>) => UINode<"textarea">;
+    select: (name: string, options: NodeProps<"select">["options"], props?: Partial<NodeProps<"select">>) => UINode<"select">;
+    checkbox: (name: string, props?: Partial<NodeProps<"checkbox">>) => UINode<"checkbox">;
+    radioGroup: (name: string, options: NodeProps<"radioGroup">["options"], props?: Partial<NodeProps<"radioGroup">>) => UINode<"radioGroup">;
+    label: (value: string, props?: Partial<NodeProps<"label">>) => UINode<"label">;
+    hidden: (name: string, value: string) => UINode<"hidden">;
+    colorPicker: (name: string, props?: Partial<NodeProps<"colorPicker">>) => UINode<"colorPicker">;
+    upload: (props?: NodeProps<"upload">) => UINode<"upload">;
+    float: (props?: NodeProps<"float">, children?: UINode[]) => UINode<"float">;
+    sticky: (props?: NodeProps<"sticky">, children?: UINode[]) => UINode<"sticky">;
+    card: (props?: NodeProps<"card">, children?: UINode[]) => UINode<"card">;
+    chart: (data: NodeProps<"chart">["data"], props?: Partial<NodeProps<"chart">>) => UINode<"chart">;
+    list: (props?: NodeProps<"list">, children?: UINode[]) => UINode<"list">;
+    listItem: (props?: NodeProps<"listItem">, children?: UINode[]) => UINode<"listItem">;
+    streamingText: (eventType: string, props?: Partial<NodeProps<"streamingText">>) => UINode<"streamingText">;
+    thread: (props?: NodeProps<"thread">, children?: UINode[]) => UINode<"thread">;
 };
 
 export { UIContract, UIEvent, UINode, ui };

package/dist/server.js

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

package/dist/{types-tSkCU6PC.d.ts → types-Dip78pyT.d.ts}

@@ -1,106 +1,80 @@
 import { Event } from 'melony';
 
-type UISize = "sm" | "md" | "lg" | (string & {});
-type UIAlign = "start" | "center" | "end" | "stretch" | (string & {});
-type UIJustify = "start" | "center" | "end" | "between" | "around" | (string & {});
-type UIWrap = "nowrap" | "wrap" | "wrap-reverse" | (string & {});
-type UIOrientation = "horizontal" | "vertical" | (string & {});
+type UISize = "xs" | "sm" | "md" | "lg" | "xl";
+type UISpacing = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type UIRadius = "none" | "sm" | "md" | "lg" | "full";
+type UIShadow = "none" | "sm" | "md" | "lg" | "xl";
 type UIColor = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "background" | "foreground" | "muted" | "mutedForeground" | "border" | "transparent" | (string & {});
-type UISpacing = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | (string & {});
 type UIWidth = "auto" | "full" | "min" | "max" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | number | (string & {});
-type UIShadow = "none" | "sm" | "md" | "lg" | "xl" | (string & {});
-type UIRadius = "none" | "sm" | "md" | "lg" | "full" | (string & {});
-/**
- * UI Component Contracts
- * This acts as the source of truth for the SDUI protocol.
- */
+type UIAlign = "start" | "center" | "end" | "stretch";
+type UIJustify = "start" | "center" | "end" | "between" | "around";
+type UIWrap = "nowrap" | "wrap" | "wrap-reverse";
+type UIOrientation = "horizontal" | "vertical";
+type UIOverflow = "hidden" | "visible" | "scroll" | "auto";
+type UIFontWeight = "normal" | "medium" | "semibold" | "bold";
+type UITextAlign = "start" | "center" | "end";
+interface UIBaseProps {
+    id?: string;
+}
+interface UIFlexProps {
+    align?: UIAlign;
+    justify?: UIJustify;
+    gap?: UISpacing;
+    wrap?: UIWrap;
+}
+interface UIContainerProps {
+    padding?: UISpacing;
+    width?: UIWidth;
+    maxWidth?: number | string;
+    height?: "auto" | "full";
+    flex?: number;
+    overflow?: UIOverflow;
+    background?: UIColor;
+    border?: boolean;
+    borderColor?: UIColor;
+    radius?: UIRadius;
+    shadow?: UIShadow;
+}
 interface UIContract {
-    row: {
-        id?: string;
-        align?: UIAlign;
-        justify?: UIJustify;
-        wrap?: UIWrap;
-        gap?: UISpacing;
-        padding?: UISpacing;
-        width?: UIWidth;
-        height?: "auto" | "full";
+    row: UIBaseProps & UIFlexProps & UIContainerProps & {
         group?: boolean;
-        flex?: number;
-        overflow?: "hidden" | "visible" | "scroll" | "auto";
     };
-    col: {
-        id?: string;
-        align?: UIAlign;
-        justify?: UIJustify;
-        gap?: UISpacing;
-        width?: UIWidth;
-        height?: "auto" | "full";
-        padding?: UISpacing;
-        background?: UIColor;
-        radius?: UIRadius;
+    col: UIBaseProps & UIFlexProps & UIContainerProps & {
         group?: boolean;
-        flex?: number;
-        overflow?: "hidden" | "visible" | "scroll" | "auto";
-        maxWidth?: number | string;
     };
-    box: {
-        id?: string;
-        padding?: UISpacing;
-        paddingVertical?: UISpacing;
-        paddingHorizontal?: UISpacing;
+    box: UIBaseProps & UIContainerProps & {
         margin?: UISpacing;
-        marginVertical?: UISpacing;
-        marginHorizontal?: UISpacing;
-        background?: UIColor;
-        border?: boolean;
-        borderColor?: UIColor;
-        radius?: UIRadius;
-        width?: UIWidth;
-        maxWidth?: number | string;
-        height?: "auto" | "full";
-        shadow?: UIShadow;
         group?: boolean;
-        flex?: number;
-        overflow?: "hidden" | "visible" | "scroll" | "auto";
         onClickAction?: Event;
     };
-    spacer: {
-        id?: string;
+    spacer: UIBaseProps & {
         size?: UISpacing;
         direction?: UIOrientation;
     };
-    divider: {
-        id?: string;
+    divider: UIBaseProps & {
         orientation?: UIOrientation;
         color?: UIColor;
         margin?: UISpacing;
     };
-    text: {
-        id?: string;
+    text: UIBaseProps & {
         value: string;
-        size?: UISpacing;
-        weight?: "normal" | "medium" | "semibold" | "bold";
+        size?: UISize;
+        weight?: UIFontWeight;
         color?: UIColor;
-        align?: UIAlign;
-        className?: string;
+        align?: UITextAlign;
     };
-    heading: {
-        id?: string;
+    heading: UIBaseProps & {
         value: string;
         level?: 1 | 2 | 3 | 4 | 5 | 6;
         color?: UIColor;
-        align?: UIAlign;
+        align?: UITextAlign;
     };
-    markdown: {
-        id?: string;
+    markdown: UIBaseProps & {
         value: string;
-        size?: UISpacing;
+        size?: UISize;
         color?: UIColor;
-        align?: UIAlign;
-        className?: string;
     };
-    image: {
-        id?: string;
+    image: UIBaseProps & {
         src: string;
         alt?: string;
         width?: UIWidth;
@@ -108,8 +82,7 @@ interface UIContract {
         radius?: UIRadius;
         objectFit?: "cover" | "contain" | "fill";
     };
-    video: {
-        id?: string;
+    video: UIBaseProps & {
         src: string;
         poster?: string;
         autoPlay?: boolean;
@@ -121,19 +94,46 @@ interface UIContract {
         height?: string | number;
         radius?: UIRadius;
     };
-    icon: {
-        id?: string;
+    icon: UIBaseProps & {
         name: string;
         size?: UISize | number;
         color?: UIColor;
     };
-    form: {
-        id?: string;
+    button: UIBaseProps & {
+        type?: "button" | "submit" | "reset";
+        variant?: "primary" | "secondary" | "success" | "danger" | "outline" | "ghost" | "link";
+        size?: UISize;
+        disabled?: boolean;
+        width?: UIWidth;
+        onClickAction?: Event;
+        justify?: UIJustify;
+        truncate?: boolean;
+    };
+    badge: UIBaseProps & {
+        label: string;
+        variant?: "primary" | "secondary" | "danger" | "success" | "warning" | "outline";
+        size?: UISize;
+    };
+    dropdown: UIBaseProps & {
+        items?: Array<{
+            label: string;
+            icon?: string;
+            onClickAction?: Event;
+        }>;
+    };
+    popover: UIBaseProps & {
+        side?: "top" | "right" | "bottom" | "left";
+        align?: "start" | "center" | "end";
+        sideOffset?: number;
+        alignOffset?: number;
+        modal?: boolean;
+        trigger?: UINode;
+    };
+    form: UIBaseProps & {
         onSubmitAction?: Event | ((data: any) => Event);
         gap?: UISpacing;
     };
-    input: {
-        id?: string;
+    input: UIBaseProps & {
         name: string;
         label?: string;
         placeholder?: string;
@@ -144,8 +144,7 @@ interface UIContract {
         required?: boolean;
         width?: UIWidth;
     };
-    textarea: {
-        id?: string;
+    textarea: UIBaseProps & {
         name: string;
         placeholder?: string;
         defaultValue?: string;
@@ -156,13 +155,8 @@ interface UIContract {
         disabled?: boolean;
         required?: boolean;
         width?: UIWidth;
-        background?: UIColor;
-        border?: boolean;
-        shadow?: UIShadow;
-        radius?: UIRadius;
     };
-    select: {
-        id?: string;
+    select: UIBaseProps & {
         name: string;
         label?: string;
         options: Array<{
@@ -176,21 +170,14 @@ interface UIContract {
         required?: boolean;
         width?: UIWidth;
     };
-    checkbox: {
-        id?: string;
+    checkbox: UIBaseProps & {
         name: string;
         label?: string;
         checked?: boolean;
         onChangeAction?: Event;
         disabled?: boolean;
     };
-    hidden: {
-        id?: string;
-        name: string;
-        value: string;
-    };
-    radioGroup: {
-        id?: string;
+    radioGroup: UIBaseProps & {
         name: string;
         options: Array<{
             label: string;
@@ -203,24 +190,24 @@ interface UIContract {
         onChangeAction?: Event;
         disabled?: boolean;
     };
-    label: {
-        id?: string;
+    label: UIBaseProps & {
         value: string;
-        htmlFor?: string;
         required?: boolean;
-        size?: UISpacing;
+        size?: UISize;
         color?: UIColor;
     };
-    colorPicker: {
-        id?: string;
+    hidden: UIBaseProps & {
+        name: string;
+        value: string;
+    };
+    colorPicker: UIBaseProps & {
         name: string;
         label?: string;
         defaultValue?: string;
         onChangeAction?: Event;
         disabled?: boolean;
     };
-    upload: {
-        id?: string;
+    upload: UIBaseProps & {
         label?: string;
         multiple?: boolean;
         accept?: string;
@@ -232,35 +219,13 @@ interface UIContract {
         mode?: "append" | "replace";
         disabled?: boolean;
     };
-    button: {
-        id?: string;
-        type?: "button" | "submit" | "reset";
-        variant?: "primary" | "secondary" | "success" | "danger" | "outline" | "ghost" | "link";
-        size?: UISize;
-        disabled?: boolean;
-        width?: UIWidth;
-        onClickAction?: Event;
-        justify?: UIJustify;
-        truncate?: boolean;
-    };
-    popover: {
-        id?: string;
-        side?: "top" | "right" | "bottom" | "left";
-        align?: "start" | "center" | "end";
-        sideOffset?: number;
-        alignOffset?: number;
-        modal?: boolean;
-        trigger?: UINode;
-    };
-    float: {
-        id?: string;
+    float: UIBaseProps & {
         position?: "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center" | "center" | "left-center" | "right-center";
         offsetX?: UISpacing;
         offsetY?: UISpacing;
         showOnHover?: boolean;
     };
-    sticky: {
-        id?: string;
+    sticky: UIBaseProps & {
         top?: UISpacing | number;
         bottom?: UISpacing | number;
         left?: UISpacing | number;
@@ -271,24 +236,7 @@ interface UIContract {
         width?: UIWidth;
         maxWidth?: number | string;
     };
-    streamingText: {
-        id?: string;
-        eventType: string;
-        size?: UISpacing;
-        weight?: "normal" | "medium" | "semibold" | "bold";
-        color?: UIColor;
-        align?: UIAlign;
-        className?: string;
-        markdown?: boolean;
-    };
-    badge: {
-        id?: string;
-        label: string;
-        variant?: "primary" | "secondary" | "danger" | "success" | "warning" | "outline";
-        size?: UISize;
-    };
-    card: {
-        id?: string;
+    card: UIBaseProps & {
         title?: string;
         subtitle?: string;
         background?: UIColor;
@@ -296,8 +244,7 @@ interface UIContract {
         radius?: UIRadius;
         shadow?: UIShadow;
     };
-    chart: {
-        id?: string;
+    chart: UIBaseProps & {
         data: Array<{
             label: string;
             value: number;
@@ -310,22 +257,12 @@ interface UIContract {
         showGrid?: boolean;
         showTooltips?: boolean;
     };
-    dropdown: {
-        id?: string;
-        items?: Array<{
-            label: string;
-            icon?: string;
-            onClickAction?: Event;
-        }>;
-    };
-    list: {
-        id?: string;
+    list: UIBaseProps & {
         padding?: UISpacing;
         gap?: UISpacing;
         width?: UIWidth;
     };
-    listItem: {
-        id?: string;
+    listItem: UIBaseProps & {
         onClickAction?: Event;
         gap?: UISpacing;
         padding?: UISpacing;
@@ -334,8 +271,15 @@ interface UIContract {
         align?: UIAlign;
         truncate?: boolean;
     };
-    thread: {
-        id?: string;
+    streamingText: UIBaseProps & {
+        eventType: string;
+        size?: UISize;
+        weight?: UIFontWeight;
+        color?: UIColor;
+        align?: UITextAlign;
+        markdown?: boolean;
+    };
+    thread: UIBaseProps & {
         placeholder?: string;
         messages?: Array<{
             role: string;
@@ -352,11 +296,8 @@ type UINode<T extends keyof UIContract = keyof UIContract> = {
     props?: UIContract[T];
     children?: UINode<any>[];
 };
-/**
- * Standard UI event type for Melony.
- */
 interface UIEvent extends Event<UINode> {
     type: "ui";
 }
 
-export type { UISize as U, UIAlign as a, UIJustify as b, UIWrap as c, UIOrientation as d, UIColor as e, UISpacing as f, UIWidth as g, UIShadow as h, UIRadius as i, UIContract as j, UINode as k, UIEvent as l };
+export type { UISize as U, UISpacing as a, UIRadius as b, UIShadow as c, UIColor as d, UIWidth as e, UIAlign as f, UIJustify as g, UIWrap as h, UIOrientation as i, UIOverflow as j, UIFontWeight as k, UITextAlign as l, UIContract as m, UINode as n, UIEvent as o };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@melony/ui-kit",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/chunk-3JCAOTZB.js

@@ -1,42 +0,0 @@
-// src/server.ts
-var ui = {
-  /**
-   * Creates a UI node.
-   */
-  node: (type, props = {}, children = []) => ({
-    type,
-    props,
-    children
-  }),
-  /**
-   * Wraps a UI node in an event.
-   */
-  event: (node) => ({
-    type: "ui",
-    data: node
-  }),
-  button: (props, children = []) => ui.node("button", props, children),
-  text: (value, props = {}) => ui.node("text", { value, ...props }),
-  markdown: (value, props = {}) => ui.node("markdown", { 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),
-  input: (name, label, props = {}) => ui.node("input", { name, label, ...props }),
-  textarea: (name, props = {}) => ui.node("textarea", { name, ...props }),
-  select: (name, options, label, props = {}) => ui.node("select", { name, options, label, ...props }),
-  checkbox: (name, label, props = {}) => ui.node("checkbox", { name, label, ...props }),
-  form: (props = {}, children = []) => ui.node("form", props, children),
-  icon: (name, props = {}) => ui.node("icon", { name, ...props }),
-  image: (src, alt, props = {}) => ui.node("image", { src, alt, ...props }),
-  spacer: (props = {}) => ui.node("spacer", props),
-  divider: (props = {}) => ui.node("divider", props),
-  popover: (props = {}, children = []) => ui.node("popover", props, children),
-  float: (props = {}, children = []) => ui.node("float", props, children),
-  sticky: (props = {}, children = []) => ui.node("sticky", props, children),
-  streamingText: (eventType, props = {}) => ui.node("streamingText", { eventType, ...props })
-};
-
-export { ui };
-//# sourceMappingURL=chunk-3JCAOTZB.js.map
-//# sourceMappingURL=chunk-3JCAOTZB.js.map

package/dist/chunk-3JCAOTZB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/server.ts"],"names":[],"mappings":"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","file":"chunk-3JCAOTZB.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  markdown: (value: string, props: Partial<UIContract[\"markdown\"]> = {}) =>\n    ui.node(\"markdown\", { 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, props: Partial<UIContract[\"textarea\"]> = {}) =>\n    ui.node(\"textarea\", { name, ...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  sticky: (props: UIContract[\"sticky\"] = {}, children: UINode[] = []) =>\n    ui.node(\"sticky\", props, children),\n  streamingText: (eventType: string, props: Partial<UIContract[\"streamingText\"]> = {}) =>\n    ui.node(\"streamingText\", { eventType, ...props }),\n};\n"]}