neneui 1.0.0

package/README.md

@@ -0,0 +1,2 @@
+# NeneUI
+> Server-Side User Interface Rendering for Flutter <-> JavaScript Server.

package/lib/base/Divider.ts

@@ -0,0 +1,13 @@
+export function Divider() {
+    return {
+        name: "Divider",
+        props: {}
+    }
+}
+
+export function VerticalDivider() {
+    return {
+        name: "VerticalDivider",
+        props: {}
+    }
+}

package/lib/base/appBar.ts

@@ -0,0 +1,27 @@
+import { Empty } from "../empty_shell";
+import { Text, TextStyle } from "../widgets";
+
+export interface AppBarProps {
+    leading?: any,
+    title?: any,
+    actions?: any[],
+    backgroundColor?: string,
+}
+
+export function AppBar(id: string, {
+    leading = Empty(),
+    title = Text("#idtext_df", { text: "AppBar", style: TextStyle({}) }),
+    actions = [],
+    backgroundColor = "#FFFFFF"
+}: AppBarProps){
+    return {
+        id,
+        name: "AppBar",
+        props: {
+            leading,
+            title,
+            actions,
+            backgroundColor
+        }
+    }
+}

package/lib/base/center.ts

@@ -0,0 +1,9 @@
+export function Center(child: any) {
+    return {
+        id: "#"+(Math.floor(Math.random() * 1000)).toString() + "CT",
+        name: "Center",
+        props: {
+            child
+        }
+    }
+}

package/lib/base/container.ts

@@ -0,0 +1,23 @@
+import { Empty } from "../empty_shell";
+
+export interface ContainerProps {
+    child?: any,
+    decoration?: any
+}
+
+export function Container(
+    id: string,
+    {
+        child = Empty(),
+        decoration = Empty()
+    }: ContainerProps
+){
+    return {
+        id: id,
+        name: "Container",
+        props: {
+            child,
+            decoration
+        }
+    }
+}

package/lib/base/expanded.ts

@@ -0,0 +1,20 @@
+import { Empty } from "../empty_shell";
+
+export interface ExpandedProps {
+    child: any,
+    flex: number
+}
+
+export function Expanded(id: string, {
+    child = Empty(),
+    flex = 1
+}: ExpandedProps){
+    return {
+        id: id,
+        name: "Expanded",
+        props: {
+            child,
+            flex
+        }
+    }
+}

package/lib/base/padding.ts

@@ -0,0 +1,26 @@
+import { Empty } from "../empty_shell";
+import { EdgeInsets } from "../core/EdgeInsets";
+
+export interface PaddingProps {
+    padding: EdgeInsets,
+    child?: any
+}
+
+export function Padding(id: string, {
+    padding = EdgeInsets.all(1),
+    child = Empty()
+}: PaddingProps){
+    return {
+        id,
+        name: "Padding",
+        props: {
+            child,
+            padding: {
+                l: padding.left,
+                r: padding.right,
+                t: padding.top,
+                b: padding.bottom
+            }
+        }
+    }
+}

package/lib/base/scaffold.ts

@@ -0,0 +1,35 @@
+import { Empty } from "../empty_shell";
+
+export interface ScaffoldProps {
+    appBar?: any,
+    body?: object,
+    drawer?: any,
+    floatingActionButton?: any,
+    backgroundColor?: string,
+    bottom?: any,
+    floatingActionButtonLocation?: any,
+}
+
+export function Scaffold(id: string,{
+    appBar = Empty(),
+    body = Empty(),
+    drawer = Empty(),
+    floatingActionButton = Empty(),
+    bottom = Empty(),
+    backgroundColor = "#00000",
+    floatingActionButtonLocation = null,
+}: ScaffoldProps) {
+    return {
+        id: id,
+        name: "Scaffold",
+        props: {
+            appBar,
+            body,
+            drawer,
+            floatingActionButton,
+            backgroundColor,
+            bottom,
+            floatingActionButtonLocation
+        }
+    }
+}

package/lib/base/sizedbox.ts

@@ -0,0 +1,23 @@
+import { Empty } from "../empty_shell";
+
+export interface SizedBoxProps {
+    child?: any,
+    width?: number,
+    height?: number
+}
+
+export function SizedBox(id: string, {
+    child = Empty(),
+    width = 1,
+    height = 1
+}: SizedBoxProps){
+    return {
+        id,
+        name: "SizedBox",
+        props: {
+            child,
+            width,
+            height
+        }
+    }
+}

package/lib/childrens/Column.ts

@@ -0,0 +1,23 @@
+import { CrossAxis, Empty, MainAxis } from "../widgets";
+
+export interface ColumnProps {
+    mainAxisAlignment: MainAxis,
+    crossAxisAlignment: CrossAxis,
+    children: any[]
+}
+
+export function Column(id: string, {
+    mainAxisAlignment = MainAxis.start,
+    crossAxisAlignment = CrossAxis.start,
+    children = [Empty()]
+}: ColumnProps) {
+    return {
+        id,
+        name: "Column",
+        props: {
+            mainAxis: mainAxisAlignment,
+            crossAxis: crossAxisAlignment,
+            children: children
+        }
+    }
+}

package/lib/childrens/Flex.ts

@@ -0,0 +1,32 @@
+import { CrossAxis, Direction, Empty, MainAxis, TextDirection } from "../widgets";
+
+export interface FlexProps {
+    children: any[],
+    crossAxisAlignment: CrossAxis,
+    mainAxisAlignment: MainAxis,
+    spacing: number,
+    textDirection: TextDirection,
+    direction: Direction
+}
+
+export function Flex(id: string, {
+    children = [Empty()],
+    crossAxisAlignment = CrossAxis.start,
+    mainAxisAlignment = MainAxis.start,
+    spacing = 0,
+    textDirection = TextDirection.ltr,
+    direction = Direction.Vertical,
+}: FlexProps) {
+    return {
+        id,
+        name: "Flex",
+        props: {
+            children,
+            crossAxisAlignment,
+            mainAxisAlignment,
+            spacing,
+            textDirection,
+            direction
+        }
+    }
+}

package/lib/childrens/Row.ts

@@ -0,0 +1,23 @@
+import { CrossAxis, Empty, MainAxis } from "../widgets";
+
+export interface RowProps {
+    mainAxisAlignment?: MainAxis,
+    crossAxisAlignment?: CrossAxis,
+    children: any[]
+}
+
+export function Row(id: string, {
+    mainAxisAlignment = MainAxis.start,
+    crossAxisAlignment = CrossAxis.start,
+    children = [Empty()]
+}: RowProps) {
+    return {
+        id,
+        name: "Row",
+        props: {
+            mainAxis: mainAxisAlignment,
+            crossAxis: crossAxisAlignment,
+            children: children
+        }
+    }
+}

package/lib/childrens/SingleChildScrollView.ts

@@ -0,0 +1,26 @@
+import { Direction, Empty, ScrollPhysics } from "../widgets";
+
+export interface SingleChildScrollViewProps {
+    child: any,
+    physics?: ScrollPhysics,
+    scrollDirection?: Direction,
+    reverse?: boolean
+}
+
+export function SingleChildScrollView(id: string, {
+    child = Empty(),
+    physics = ScrollPhysics.Scroll,
+    scrollDirection = Direction.Vertical,
+    reverse = false
+}: SingleChildScrollViewProps){
+    return {
+        id,
+        name: "SingleChildScrollView",
+        props: {
+            child,
+            physics,
+            scrollDirection,
+            reverse
+        }
+    }
+}

package/lib/content/Card.ts

@@ -0,0 +1,26 @@
+import type { EdgeInsets } from "../widgets";
+
+export interface CardProps {
+    padding: EdgeInsets,
+    child?: any,
+    color?: string,
+    type: "filled" | "outlined" | "normal"
+}
+
+export function Card(id: string, {
+    child,
+    padding,
+    color,
+    type = "normal"
+}: CardProps){
+    return {
+        id,
+        name: "Card",
+        props: {
+            padding,
+            color,
+            type,
+            child
+        }
+    }
+}

package/lib/content/Image.ts

@@ -0,0 +1,47 @@
+import { Alignment, AssetImage, BoxFit, CircularProgressIndicator, FilterQuality, ImageRepeat, SizedBox } from "../widgets";
+
+export interface ImageProps {
+    path: string,
+    width?: number,
+    height?: number,
+    scale?: number,
+    color?: string,
+    repeat?: ImageRepeat,
+    fit?: BoxFit,
+    alignment?: Alignment,
+    filterQuality? : FilterQuality,
+    loadingWidget?: any,
+    errorWidget? : any
+}
+
+export function Image(id: string, {
+    path = AssetImage(""),
+    width = 0,
+    height = 0,
+    scale = 1.0,
+    color = "#000000",
+    repeat = ImageRepeat.noRepeat,
+    fit = BoxFit.none,
+    alignment = Alignment.center,
+    filterQuality = FilterQuality.none,
+    loadingWidget = CircularProgressIndicator('#fImageLoading', {}),
+    errorWidget = SizedBox('#fImageError', {})
+}: ImageProps) {
+    return {
+        name: "Image",
+        id,
+        props: {
+            path,
+            width,
+            height,
+            scale,
+            color,
+            repeat,
+            fit,
+            alignment,
+            filterQuality,
+            loadingWidget,
+            errorWidget
+        }
+    }
+}

package/lib/content/Text.ts

@@ -0,0 +1,27 @@
+import { TextStyle, type TextStyleProps } from "../core/TextStyle";
+import { TextAlign, TextOverflow } from "../widgets";
+
+export interface TextProps {
+    text: any,
+    align?: TextAlign,
+    overflow?: TextOverflow
+    style?: TextStyleProps
+}
+
+export function Text(id: string, {
+    text = "",
+    align = TextAlign.start,
+    overflow = TextOverflow.visible,
+    style = TextStyle({})
+}: TextProps) {
+    return {
+        id,
+        name: "Text",
+        props: {
+            text,
+            align,
+            overflow,
+            style
+        }
+    }
+}

package/lib/core/Actions.ts

@@ -0,0 +1,17 @@
+export enum Action {
+    SHOW_TOAST = "show_toast",
+    NAVIGATE = "navigate",
+    NAVIGATE_PUSH_REPLACE = "navigate_pushreplace",
+    HIDE = "hide",
+    SHOW = "show",
+    DEBUG = "daikon",
+    DIALOG = "dialog",
+    SET_VAR = "setvar"
+}
+
+export function DoAction(action: Action, data: any){
+    return {
+        action,
+        data
+    }
+}

package/lib/core/BoxConstraints.ts

@@ -0,0 +1,23 @@
+export interface BoxConstraintsProps {
+    minWidth?: number,
+    maxWidth?: number,
+    minHeight?: number,
+    maxHeight?: number
+}
+
+export function BoxConstraints({
+    minHeight = 0.0,
+    maxHeight = Infinity,
+    minWidth = 0.0,
+    maxWidth = Infinity
+}: BoxConstraintsProps){
+    return {
+        name: "BoxConstraints",
+        props: {
+            minHeight,
+            maxHeight,
+            minWidth,
+            maxWidth
+        }
+    }
+}

package/lib/core/BoxDecoration.ts

@@ -0,0 +1,23 @@
+export interface BoxDecoration {
+    color?: string,
+    image?: string,
+    radius?: number,
+    borderColor?: string
+    borderWidth?: number
+}
+
+export function BoxDecoration({
+    color = "#FFFFFF",
+    image = "none",
+    radius = 1,
+    borderColor = "#FFFFFF",
+    borderWidth = 1
+}: BoxDecoration){
+    return {
+        color,
+        image,
+        radius,
+        borderColor,
+        borderWidth
+    }
+}

package/lib/core/Compare.ts

@@ -0,0 +1,25 @@
+import { Empty } from "../empty_shell";
+
+export interface CompareProps{
+    fi: string,
+    ifEqualTo: string,
+    then: any
+    or?: any,
+}
+
+export function Compare({
+    fi = "noIf",
+    ifEqualTo = "noIf",
+    then = Empty(),
+    or = Empty(),
+}: CompareProps){
+    return {
+        name: "Compare",
+        props: {
+            fi,
+            ifEqualTo,
+            then,
+            or
+        }
+    }
+}

package/lib/core/EdgeInsets.ts

@@ -0,0 +1,41 @@
+export class EdgeInsets {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+
+    private constructor(
+        left: number,
+        top: number,
+        right: number,
+        bottom: number
+    ) {
+        this.left = left;
+        this.top = top;
+        this.right = right;
+        this.bottom = bottom;
+    }
+
+    static all(value: number): EdgeInsets {
+        return new EdgeInsets(
+            value,
+            value,
+            value,
+            value,
+        )
+    }
+
+    static fromLTRB(
+        left: number,
+        top: number,
+        right: number,
+        bottom: number
+    ): EdgeInsets {
+        return new EdgeInsets(
+            left,
+            right,
+            top,
+            bottom
+        );
+    }
+}

package/lib/core/Frame.ts

@@ -0,0 +1,15 @@
+export interface FrameProps{
+    framePath: String
+}
+
+export function Frame(id: string, {
+    framePath = "/ui/main"
+}: FrameProps){
+    return {
+        id,
+        name: "Frame",
+        props: {
+            framePath
+        }
+    }
+}

package/lib/core/Icon.ts

@@ -0,0 +1,3 @@
+export function Icon(){
+    
+}

package/lib/core/Iconify.ts

@@ -0,0 +1,14 @@
+export interface IconifyProps {
+    size?: number,
+    prefix?: string
+}
+
+export function Iconify(name: string, {size = 24, prefix = "material-symbols"}: IconifyProps){
+    return {
+        name: "Iconify",
+        props: {
+            icon: prefix + "/" + name,
+            size
+        }
+    }
+}

package/lib/core/TextEditingController.ts

@@ -0,0 +1,14 @@
+export interface TextEditingControllerProps {
+    value?: string
+}
+
+export function TextEditingController({
+    value = ""
+}: TextEditingControllerProps){
+    return {
+        name: "TextEditingController",
+        props: {
+            value
+        }
+    }
+}

package/lib/core/TextStyle.ts

@@ -0,0 +1,28 @@
+import { FontStyle, FontWeight, TextDecoration, Colors } from "./core";
+
+export interface TextStyleProps {
+    height?: number,
+    fontSize?: number,
+    fontWeight?: FontWeight,
+    color?: string,
+    decoration?: TextDecoration,
+    fontStyle?: FontStyle
+}
+
+export function TextStyle({
+    height = 1.0,
+    fontSize = 14,
+    fontWeight = FontWeight.w400,
+    color = Colors.black,
+    decoration = TextDecoration.none,
+    fontStyle = FontStyle.normal
+}: TextStyleProps) {
+    return {
+        height,
+        fontSize,
+        fontWeight,
+        color,
+        decoration,
+        fontStyle
+    }
+}

package/lib/core/Variable.ts

@@ -0,0 +1,14 @@
+export interface VariableProps{
+    template: string,
+    variable: string
+}
+
+export function Var({
+    template = "Hello {%1} {%2}",
+    variable = "default,defaultb"
+}: VariableProps){
+    return {
+        template,
+        variable
+    };
+}

package/lib/core/core.ts

@@ -0,0 +1,213 @@
+export enum MainAxis {
+    start = "start",
+    center = "center",
+    end = "end",
+    spaceBetween = "spaceBetween",
+    spaceAround = "spaceAround",
+    spaceEvenly = "spaceEvenly"
+}
+
+export enum TextDirection {
+    "ltr" = "ltr",
+    "rtl" = "rtl"
+}
+
+export enum Direction {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+
+export enum ScrollPhysics {
+    Scroll = "scroll",
+    NeverScroll = "never_scroll",
+}
+
+export enum ImageRepeat {
+    repeat = "repeat",
+    repeatX = "repeatX",
+    repeatY = "repeatY",
+    noRepeat = "noRepeat"   
+}
+
+export enum BoxFit {
+    fill = "fill",
+    contain = "contain",
+    cover = "cover",
+    fitWidth = "fitWidth",
+    fitHeight = "fitHeight",
+    none = "none"
+}
+
+export enum Alignment {
+    bottomCenter = "bottomCenter",
+    bottomLeft = "bottomLeft",
+    bottomRight = "bottomRight",
+    center = "center",
+    centerLeft = "centerLeft",
+    centerRight = "centerRight",
+    topCenter = "topCenter",
+    topLeft = "topLeft",
+    topRight = "topRight"
+}
+
+export enum FilterQuality {
+    none = "none",
+    low = "low",
+    medium = "medium",
+    high = "high"
+}
+
+export enum ButtonType {
+    Normal = "normal",
+    Primary = "primary",
+    Secondary = "secondary",
+    Success = "success",
+    Danger = "danger",
+    Info = "info",
+    Warning = "warning"
+}
+
+export enum ButtonDensity {
+    compact = "compact",
+    dense = "dense",
+
+    normal = "normal",
+    comfortable = "comfortable",
+    icon = "icon"
+}
+
+export enum ButtonShape {
+    circle = "circle",
+    rectangle = "rectangle"
+}
+
+export enum FontWeight {
+    bold = "bold",
+    w100 = "w100",
+    w200 = "w200",
+    w300 = "w300",
+    w400 = "w400",
+    w500 = "w500",
+    w600 = "w600",
+    w700 = "w700",
+    w800 = "w800",
+    w900 = "w900"
+}
+
+export enum Colors {
+    red = "red",
+    blue = "blue",
+    green = "green",
+    black = "black",
+    white = "white",
+    violet = "violet"
+}
+
+export enum TextDecoration {
+    none = "none",
+    lineThrough = "lineThrough",
+    overline = "overline",
+    underline = "underline"
+}
+
+export enum FontStyle {
+    normal = "normal",
+    italic = "italic"
+}
+
+export enum TextOverflow {
+    clip = "clip",
+    fade = "fade",
+    ellipsis = "ellipsis",
+    visible = "visible"
+}
+
+export enum InputType {
+    text = "text",
+    number = "number",
+    phone = "phone",
+    twitter = "twitter"
+}
+
+export enum TextAlign {
+    left = "left",
+    right = "right",
+    center = "center",
+    justify = "justify",
+    start = "start",
+    end = "end"
+}
+
+export enum CrossAxis {
+    start = "start",
+    center = "center",
+    end = "end",
+    stretch = "stretch"
+}
+
+export function AssetImage(img: string){
+    return "local+" + img;
+}
+
+export function NetworkImage(img: string){
+    return "web+" + img;
+}
+
+export interface setVarProps{
+    variable: string,
+    value: string
+}
+
+export function setVar({
+    variable = "",
+    value = ""
+}: setVarProps){
+    return {
+        var: variable,
+        val: value
+    }
+}
+
+export enum PromptMode {
+    dialog = "dialog",
+    popup = "popup"
+}
+
+export enum DateFormat {
+    dmmyyyy = "dmmyyyy",
+    yyyyMMdd = "yyyyMMdd"
+}
+
+export enum NavigationBarAlignment{
+    start = "start",
+    center = "center",
+    end = "end",
+    spaceBetween = "spaceBetween",
+    spaceAround = "spaceAround",
+    spaceEvenly = "spaceEvenly"
+}
+
+export enum NavigationLabelPosition {
+    start = "start",
+    end = "end",
+    top = "top",
+    bottom = "bottom"
+}
+
+export enum NavigationLabelType{
+    none = "none",
+    selected = "selected",
+    all = "all",
+    tootlip = "tootlip",
+    expanded = "expanded"
+}
+
+export * from "./TextStyle"
+export * from "./BoxDecoration"
+export * from "./Actions"
+export * from "./BoxConstraints"
+export * from "./Variable"
+export * from "./Iconify";
+export * from "./TextEditingController"
+export * from "./Compare"
+export * from "./Frame"

package/lib/display/Avatar.ts

@@ -0,0 +1,52 @@
+import { Empty } from "../empty_shell";
+import { AssetImage } from "../widgets";
+
+export interface AvatarProps {
+    backgroundColor?: string,
+    initials?: string,
+    size?: number,
+    badge?: any,
+    image: string
+}
+
+export function Avatar(id: string, {
+    backgroundColor = "#000000",
+    initials = "Avatar",
+    size = 32,
+    badge = AvatarBadge({}),
+    image = AssetImage('')
+}: AvatarProps){
+    return {
+        id,
+        name: "Avatar",
+        props: {
+            backgroundColor,
+            initials,
+            size,
+            badge,
+            image
+        }
+    }
+}
+
+export interface AvatarBadgeProps{
+    size?: number,
+    child?: any,
+    color?: string
+}
+
+export function AvatarBadge({
+    size = 1,
+    child = Empty(),
+    color = "#329e00"
+}: AvatarBadgeProps){
+    return {
+        id: "#avatarBadge",
+        name: "AvatarBadge",
+        props: {
+            size,
+            color,
+            child
+        }
+    }
+}

package/lib/display/CodeSnippet.ts

@@ -0,0 +1,27 @@
+import { BoxConstraints, type BoxConstraintsProps } from "../widgets";
+
+export interface CodeSnippetProps {
+    code: string,
+    lang?: string,
+    constraints?: any,
+    actions?: any[]
+}
+
+export function CodeSnippet(id: string,{
+    code = `print('Hello World')`,
+    lang = "dart",
+    constraints = BoxConstraints({}),
+    actions = []
+}: CodeSnippetProps){
+    return {
+        id,
+        name: "CodeSnippet",
+        props: {
+            code,
+            lang,
+            constraints,
+            actions
+        }
+    }
+}
+

package/lib/display/Skeleton.ts

@@ -0,0 +1,9 @@
+export function Skeleton(id: string, ui: any){
+    return {
+        id: id,
+        name: "Skeleton",
+        props: {
+            child: ui
+        }
+    }
+}

package/lib/empty_shell.ts

@@ -0,0 +1,3 @@
+export function Empty() {
+    return {id: "#"+(Math.floor(Math.random() * 1000)).toString() + "A",name: "Empty"}
+}

package/lib/feedback/Button.ts

@@ -0,0 +1,36 @@
+import { Action, ButtonDensity, ButtonShape, ButtonType, DoAction, Empty } from "../widgets";
+
+export interface ButtonProps {
+    child: any,
+    leading?: any,
+    type: ButtonType,
+    density: ButtonDensity,
+    disabled: boolean,
+    shape: ButtonShape
+    onPressed: any
+}
+
+export function Button(id: string, {
+    child,
+    leading = Empty(),
+    type = ButtonType.Normal,
+    density = ButtonDensity.normal,
+    shape = ButtonShape.rectangle,
+    disabled = false,
+    onPressed = DoAction(Action.SHOW_TOAST, "Hello World")
+}: ButtonProps) {
+    return {
+        id,
+        name: "Button",
+        props: {
+            child,
+            leading,
+            type,
+            density,
+            shape,
+            disabled,
+            onPressed
+        }
+    }
+}
+

package/lib/feedback/ButtonGroup.ts

@@ -0,0 +1,20 @@
+import { Direction } from "../widgets";
+
+export interface ButtonGroupProps {
+    children: any,
+    direction?: Direction
+}
+
+export function ButtonGroup(id: string, {
+    children = [],
+    direction = Direction.Horizontal
+}: ButtonGroupProps){
+    return {
+        id,
+        name: "ButtonGroup",
+        props: {
+            children,
+            direction
+        }
+    };
+}

package/lib/feedback/ProgressIndicator.ts

@@ -0,0 +1,37 @@
+export interface CircularProgressIndicatorProps {
+    color?: string,
+    strokeWidth?: number
+}
+
+export function CircularProgressIndicator(id: string, {
+    color = "#0F0F0F",
+    strokeWidth = 10
+}: CircularProgressIndicatorProps){
+    return {
+        id,
+        name: "CircularProgressIndicator",
+        props: {
+            color,
+            strokeWidth
+        }
+    };
+}
+
+export interface LinearProgressIndicatorProps {
+    color?: string,
+    minHeight?: number
+}
+
+export function LinearProgressIndicator(id: string, {
+    color=  "#000000",
+    minHeight = 3
+}: LinearProgressIndicatorProps){
+    return {
+        id,
+        name: "LinearProgressIndicator",
+        props: {
+            color,
+            minHeight
+        }
+    }
+}

package/lib/form/CheckBox.ts

@@ -0,0 +1,20 @@
+import { Empty } from "../widgets";
+
+export interface CheckBoxProps{
+    trailing: any,
+    value: boolean
+}
+
+export function CheckBox(id: string, {
+    trailing = Empty(),
+    value = true,
+}: CheckBoxProps){
+    return {
+        id,
+        name: "CheckBox",
+        props: {
+            trailing,
+            value
+        }
+    }
+}

package/lib/form/DatePicker.ts

@@ -0,0 +1,23 @@
+import { PromptMode } from "../widgets";
+
+export interface DatePickerProps{
+    mode: PromptMode,
+    dialogTitle?: any,
+    defaultDate: number
+}
+
+export function DatePicker(id: string, {
+    mode = PromptMode.popup,
+    dialogTitle,
+    defaultDate = Date.now()
+}: DatePickerProps){
+    return {
+        id,
+        name: "DatePicker",
+        props: {
+            dialogTitle,
+            defaultDate,
+            mode
+        }
+    };
+}

package/lib/form/TextField.ts

@@ -0,0 +1,26 @@
+import { InputType, Text, TextEditingController } from "../widgets";
+
+export interface TextFieldProps {
+    controller?: any,
+    placeholder?: any,
+    inputType?: InputType
+    features?: any[],
+}
+
+export function TextField(id: string,{
+    controller = TextEditingController({value : ""}),
+    placeholder = Text("#placeText", {text: "Enter"}),
+    inputType = InputType.text,
+    features = []
+} : TextFieldProps){
+    return {
+        id,
+        name: "TextField",
+        props:{
+            controller,
+            placeholder,
+            inputType,
+            features
+        }
+    }
+}

package/lib/http/http.ts

@@ -0,0 +1,2 @@
+// HTTP Hosting 
+// placeholder

package/lib/navigation/NavigationBar.ts

@@ -0,0 +1,29 @@
+import { Empty, NavigationBarAlignment, NavigationLabelType } from "../widgets";
+
+export interface NavigationBarProps{
+    alignment: NavigationBarAlignment,
+    labelType: NavigationLabelType,
+    expanded: boolean,
+    selectedKey: string,
+    children: any[]
+}
+
+export function NavigationBar(id: string, {
+    alignment = NavigationBarAlignment.center,
+    labelType = NavigationLabelType.none,
+    expanded = false,
+    selectedKey = id,
+    children = [Empty()]
+}: NavigationBarProps){
+    return {
+        id,
+        name: "NavigationBar",
+        props: {
+            alignment,
+            labelType,
+            expanded,
+            selectedKey,
+            children
+        }
+    };
+}

package/lib/navigation/NavigationDivider.ts

@@ -0,0 +1,5 @@
+export function NavigationDivider(){
+    return {
+        name: "NavigationDivider"
+    }
+}

package/lib/navigation/NavigationGroup.ts

@@ -0,0 +1,23 @@
+import { Alignment, Empty } from "../widgets";
+
+export interface NavigationGroupProps {
+    label: string,
+    children: any[],
+    labelAlignment: Alignment
+}
+
+export function NavigationGroup({
+    label = "NavigationGroup",
+    children = [Empty()],
+    labelAlignment = Alignment.topLeft
+} : NavigationGroupProps) {
+    return {
+        id: "#NavGroup_"+label.replaceAll("_", "").replaceAll("/", "").replaceAll("\\", ""),
+        name: "NavigationGroup",
+        props: {
+            label,
+            children,
+            labelAlignment
+        }
+    }
+}

package/lib/navigation/NavigationItem.ts

@@ -0,0 +1,23 @@
+import { Empty } from "../empty_shell";
+
+export interface NavigationItemProps {
+    key: number
+    label: string,
+    child: any,
+}
+
+export function NavigationItem({
+    key = 0,
+    label = "Home",
+    child = Empty()
+}: NavigationItemProps){
+    return {
+        id: `IconBottom${key}`,
+        name: "NavigationItem",
+        props:{
+            key,
+            label,
+            child
+        }
+    }
+}

package/lib/navigation/NavigationRail.ts

@@ -0,0 +1,35 @@
+import type { Alignment, NavigationLabelPosition, NavigationLabelType } from "../widgets";
+
+export interface NavigationRailProps {
+    alignment?: Alignment,
+    labelType?: NavigationLabelType,
+    labelPosition?: NavigationLabelPosition,
+    header?: any[],
+    footer?: any[],
+    expanded: boolean,
+    children: any[],
+}
+
+export function NavigationRail(id: string, {
+    alignment,
+    labelType,
+    labelPosition,
+    header = [],
+    footer = [],
+    expanded,
+    children
+}: NavigationRailProps) {
+    return {
+        id,
+        name: "NavigationRail",
+        props: {
+            alignment,
+            labelType,
+            labelPosition,
+            header,
+            footer,
+            expanded,
+            children
+        }
+    }
+}

package/lib/widgets.ts

@@ -0,0 +1,46 @@
+export * from "./empty_shell";
+export * from "./core/EdgeInsets";
+export * from "./core/core"
+
+// Base Widgets
+export * from "./base/scaffold";
+export * from "./base/container";
+export * from "./base/sizedbox";
+export * from "./base/padding";
+export * from "./base/center";
+export * from "./base/appBar";
+export * from "./base/expanded"
+export * from "./base/Divider";
+
+// Childrens
+export * from "./childrens/Column";
+export * from "./childrens/Row";
+export * from "./childrens/Flex";
+export * from "./childrens/SingleChildScrollView";
+
+// Content
+export * from "./content/Text"
+export * from "./content/Image"
+export * from "./content/Card"
+
+// Display
+export * from "./display/Avatar";
+export * from "./display/CodeSnippet"
+export * from "./display/Skeleton"
+
+// Form
+export * from "./form/TextField"
+export * from "./form/CheckBox"
+export * from "./form/DatePicker"
+
+// Navigation
+export * from "./navigation/NavigationBar";
+export * from "./navigation/NavigationItem";
+export * from "./navigation/NavigationGroup";
+export * from "./navigation/NavigationDivider"
+export * from "./navigation/NavigationRail"
+
+// Feedback
+export * from "./feedback/ProgressIndicator"
+export * from "./feedback/Button"
+export * from "./feedback/ButtonGroup"

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "neneui",
+  "module": "index.ts",
+  "version": "1.0.0",
+  "type": "module",
+  "exports":{
+    ".": "./lib/widgets.ts"
+  },
+  "types": "./lib/widgets.ts",
+  "files": [
+    "lib"
+  ],
+  "devDependencies": {
+    "@types/bun": "latest"
+  },
+  "peerDependencies": {
+    "typescript": "^5"
+  },
+  "dependencies": {
+    "@types/express": "^5.0.6",
+    "cors": "^2.8.6",
+    "express": "^5.2.1"
+  }
+}