@eslamdevui/ui 4.1.1-rc.1 → 4.3.0

package/.nuxt/ui/timeline.ts

@@ -1,321 +0,0 @@
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
-const color = [
-  "primary",
-  "secondary",
-  "success",
-  "info",
-  "warning",
-  "error",
-  "neutral"
-] as const
-
-const size = [
-  "3xs",
-  "2xs",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl"
-] as const
-
-export default {
-  "slots": {
-    "root": "flex gap-1.5",
-    "item": "group relative flex flex-1 gap-3",
-    "container": "relative flex items-center gap-1.5",
-    "indicator": "group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted text-muted",
-    "separator": "flex-1 rounded-full bg-elevated",
-    "wrapper": "w-full",
-    "date": "text-dimmed text-xs/5",
-    "title": "font-medium text-highlighted text-sm",
-    "description": "text-muted text-wrap text-sm"
-  },
-  "variants": {
-    "orientation": {
-      "horizontal": {
-        "root": "flex-row w-full",
-        "item": "flex-col",
-        "separator": "h-0.5"
-      },
-      "vertical": {
-        "root": "flex-col",
-        "container": "flex-col",
-        "separator": "w-0.5"
-      }
-    },
-    "color": {
-      "primary": {
-        "indicator": "group-data-[state=completed]:bg-primary group-data-[state=active]:bg-primary"
-      },
-      "secondary": {
-        "indicator": "group-data-[state=completed]:bg-secondary group-data-[state=active]:bg-secondary"
-      },
-      "success": {
-        "indicator": "group-data-[state=completed]:bg-success group-data-[state=active]:bg-success"
-      },
-      "info": {
-        "indicator": "group-data-[state=completed]:bg-info group-data-[state=active]:bg-info"
-      },
-      "warning": {
-        "indicator": "group-data-[state=completed]:bg-warning group-data-[state=active]:bg-warning"
-      },
-      "error": {
-        "indicator": "group-data-[state=completed]:bg-error group-data-[state=active]:bg-error"
-      },
-      "neutral": {
-        "indicator": "group-data-[state=completed]:bg-inverted group-data-[state=active]:bg-inverted"
-      }
-    },
-    "size": {
-      "3xs": "",
-      "2xs": "",
-      "xs": "",
-      "sm": "",
-      "md": "",
-      "lg": "",
-      "xl": "",
-      "2xl": "",
-      "3xl": ""
-    },
-    "reverse": {
-      "true": ""
-    }
-  },
-  "compoundVariants": [
-    {
-      "color": "primary" as typeof color[number],
-      "reverse": false,
-      "class": {
-        "separator": "group-data-[state=completed]:bg-primary"
-      }
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "reverse": false,
-      "class": {
-        "separator": "group-data-[state=completed]:bg-secondary"
-      }
-    },
-    {
-      "color": "success" as typeof color[number],
-      "reverse": false,
-      "class": {
-        "separator": "group-data-[state=completed]:bg-success"
-      }
-    },
-    {
-      "color": "info" as typeof color[number],
-      "reverse": false,
-      "class": {
-        "separator": "group-data-[state=completed]:bg-info"
-      }
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "reverse": false,
-      "class": {
-        "separator": "group-data-[state=completed]:bg-warning"
-      }
-    },
-    {
-      "color": "error" as typeof color[number],
-      "reverse": false,
-      "class": {
-        "separator": "group-data-[state=completed]:bg-error"
-      }
-    },
-    {
-      "color": "primary" as typeof color[number],
-      "reverse": true,
-      "class": {
-        "separator": "group-data-[state=active]:bg-primary group-data-[state=completed]:bg-primary"
-      }
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "reverse": true,
-      "class": {
-        "separator": "group-data-[state=active]:bg-secondary group-data-[state=completed]:bg-secondary"
-      }
-    },
-    {
-      "color": "success" as typeof color[number],
-      "reverse": true,
-      "class": {
-        "separator": "group-data-[state=active]:bg-success group-data-[state=completed]:bg-success"
-      }
-    },
-    {
-      "color": "info" as typeof color[number],
-      "reverse": true,
-      "class": {
-        "separator": "group-data-[state=active]:bg-info group-data-[state=completed]:bg-info"
-      }
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "reverse": true,
-      "class": {
-        "separator": "group-data-[state=active]:bg-warning group-data-[state=completed]:bg-warning"
-      }
-    },
-    {
-      "color": "error" as typeof color[number],
-      "reverse": true,
-      "class": {
-        "separator": "group-data-[state=active]:bg-error group-data-[state=completed]:bg-error"
-      }
-    },
-    {
-      "color": "neutral" as typeof color[number],
-      "reverse": false,
-      "class": {
-        "separator": "group-data-[state=completed]:bg-inverted"
-      }
-    },
-    {
-      "color": "neutral" as typeof color[number],
-      "reverse": true,
-      "class": {
-        "separator": "group-data-[state=active]:bg-inverted group-data-[state=completed]:bg-inverted"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "3xs" as typeof size[number],
-      "class": {
-        "wrapper": "pe-4.5"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "2xs" as typeof size[number],
-      "class": {
-        "wrapper": "pe-5"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "xs" as typeof size[number],
-      "class": {
-        "wrapper": "pe-5.5"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "sm" as typeof size[number],
-      "class": {
-        "wrapper": "pe-6"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "md" as typeof size[number],
-      "class": {
-        "wrapper": "pe-6.5"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "lg" as typeof size[number],
-      "class": {
-        "wrapper": "pe-7"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "xl" as typeof size[number],
-      "class": {
-        "wrapper": "pe-7.5"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "2xl" as typeof size[number],
-      "class": {
-        "wrapper": "pe-8"
-      }
-    },
-    {
-      "orientation": "horizontal" as typeof orientation[number],
-      "size": "3xl" as typeof size[number],
-      "class": {
-        "wrapper": "pe-8.5"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "3xs" as typeof size[number],
-      "class": {
-        "wrapper": "-mt-0.5 pb-4.5"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "2xs" as typeof size[number],
-      "class": {
-        "wrapper": "pb-5"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "xs" as typeof size[number],
-      "class": {
-        "wrapper": "mt-0.5 pb-5.5"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "sm" as typeof size[number],
-      "class": {
-        "wrapper": "mt-1 pb-6"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "md" as typeof size[number],
-      "class": {
-        "wrapper": "mt-1.5 pb-6.5"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "lg" as typeof size[number],
-      "class": {
-        "wrapper": "mt-2 pb-7"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "xl" as typeof size[number],
-      "class": {
-        "wrapper": "mt-2.5 pb-7.5"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "2xl" as typeof size[number],
-      "class": {
-        "wrapper": "mt-3 pb-8"
-      }
-    },
-    {
-      "orientation": "vertical" as typeof orientation[number],
-      "size": "3xl" as typeof size[number],
-      "class": {
-        "wrapper": "mt-3.5 pb-8.5"
-      }
-    }
-  ],
-  "defaultVariants": {
-    "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number]
-  }
-}

package/.nuxt/ui/toast.ts

@@ -1,74 +0,0 @@
-const color = [
-  "primary",
-  "secondary",
-  "success",
-  "info",
-  "warning",
-  "error",
-  "neutral"
-] as const
-
-export default {
-  "slots": {
-    "root": "relative group overflow-hidden bg-default shadow-lg rounded-lg ring ring-default p-4 flex gap-2.5 focus:outline-none",
-    "wrapper": "w-0 flex-1 flex flex-col",
-    "title": "text-sm font-medium text-highlighted",
-    "description": "text-sm text-muted",
-    "icon": "shrink-0 size-5",
-    "avatar": "shrink-0",
-    "avatarSize": "2xl",
-    "actions": "flex gap-1.5 shrink-0",
-    "progress": "absolute inset-x-0 bottom-0",
-    "close": "p-0"
-  },
-  "variants": {
-    "color": {
-      "primary": {
-        "root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary",
-        "icon": "text-primary"
-      },
-      "secondary": {
-        "root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary",
-        "icon": "text-secondary"
-      },
-      "success": {
-        "root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success",
-        "icon": "text-success"
-      },
-      "info": {
-        "root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info",
-        "icon": "text-info"
-      },
-      "warning": {
-        "root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning",
-        "icon": "text-warning"
-      },
-      "error": {
-        "root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error",
-        "icon": "text-error"
-      },
-      "neutral": {
-        "root": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted",
-        "icon": "text-highlighted"
-      }
-    },
-    "orientation": {
-      "horizontal": {
-        "root": "items-center",
-        "actions": "items-center"
-      },
-      "vertical": {
-        "root": "items-start",
-        "actions": "items-start mt-2.5"
-      }
-    },
-    "title": {
-      "true": {
-        "description": "mt-1"
-      }
-    }
-  },
-  "defaultVariants": {
-    "color": "primary" as typeof color[number]
-  }
-}

package/.nuxt/ui/toaster.ts

@@ -1,91 +0,0 @@
-const position = [
-  "top-left",
-  "top-center",
-  "top-right",
-  "bottom-left",
-  "bottom-center",
-  "bottom-right"
-] as const
-
-const swipeDirection = [
-  "up",
-  "right",
-  "down",
-  "left"
-] as const
-
-export default {
-  "slots": {
-    "viewport": "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none",
-    "base": "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
-  },
-  "variants": {
-    "position": {
-      "top-left": {
-        "viewport": "left-4"
-      },
-      "top-center": {
-        "viewport": "left-1/2 transform -translate-x-1/2"
-      },
-      "top-right": {
-        "viewport": "right-4"
-      },
-      "bottom-left": {
-        "viewport": "left-4"
-      },
-      "bottom-center": {
-        "viewport": "left-1/2 transform -translate-x-1/2"
-      },
-      "bottom-right": {
-        "viewport": "right-4"
-      }
-    },
-    "swipeDirection": {
-      "up": "data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]",
-      "right": "data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]",
-      "down": "data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]",
-      "left": "data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]"
-    }
-  },
-  "compoundVariants": [
-    {
-      "position": [
-        "top-left" as typeof position[number],
-        "top-center" as typeof position[number],
-        "top-right" as typeof position[number]
-      ],
-      "class": {
-        "viewport": "top-4",
-        "base": "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
-      }
-    },
-    {
-      "position": [
-        "bottom-left" as typeof position[number],
-        "bottom-center" as typeof position[number],
-        "bottom-right" as typeof position[number]
-      ],
-      "class": {
-        "viewport": "bottom-4",
-        "base": "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
-      }
-    },
-    {
-      "swipeDirection": [
-        "left" as typeof swipeDirection[number],
-        "right" as typeof swipeDirection[number]
-      ],
-      "class": "data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=cancel]:translate-x-0"
-    },
-    {
-      "swipeDirection": [
-        "up" as typeof swipeDirection[number],
-        "down" as typeof swipeDirection[number]
-      ],
-      "class": "data-[swipe=move]:translate-y-(--reka-toast-swipe-move-y) data-[swipe=end]:translate-y-(--reka-toast-swipe-end-y) data-[swipe=cancel]:translate-y-0"
-    }
-  ],
-  "defaultVariants": {
-    "position": "bottom-right" as typeof position[number]
-  }
-}

package/.nuxt/ui/tooltip.ts

@@ -1,9 +0,0 @@
-export default {
-  "slots": {
-    "content": "flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default h-6 px-2.5 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
-    "arrow": "fill-default",
-    "text": "truncate",
-    "kbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5 not-first-of-type:before:content-['·'] not-first-of-type:before:me-0.5",
-    "kbdsSize": "sm"
-  }
-}

package/.nuxt/ui/tree.ts

@@ -1,168 +0,0 @@
-const color = [
-  "primary",
-  "secondary",
-  "success",
-  "info",
-  "warning",
-  "error",
-  "neutral"
-] as const
-
-const size = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl"
-] as const
-
-export default {
-  "slots": {
-    "root": "relative isolate",
-    "item": "w-full",
-    "listWithChildren": "border-s border-default",
-    "itemWithChildren": "ps-1.5 -ms-px",
-    "link": "relative group w-full flex items-center text-sm select-none before:absolute before:inset-y-px before:inset-x-0 before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2",
-    "linkLeadingIcon": "shrink-0 relative",
-    "linkLabel": "truncate",
-    "linkTrailing": "ms-auto inline-flex gap-1.5 items-center",
-    "linkTrailingIcon": "shrink-0 transform transition-transform duration-200 group-data-expanded:rotate-180"
-  },
-  "variants": {
-    "virtualize": {
-      "true": {
-        "root": "overflow-y-auto"
-      }
-    },
-    "color": {
-      "primary": {
-        "link": "focus-visible:before:ring-primary"
-      },
-      "secondary": {
-        "link": "focus-visible:before:ring-secondary"
-      },
-      "success": {
-        "link": "focus-visible:before:ring-success"
-      },
-      "info": {
-        "link": "focus-visible:before:ring-info"
-      },
-      "warning": {
-        "link": "focus-visible:before:ring-warning"
-      },
-      "error": {
-        "link": "focus-visible:before:ring-error"
-      },
-      "neutral": {
-        "link": "focus-visible:before:ring-inverted"
-      }
-    },
-    "size": {
-      "xs": {
-        "listWithChildren": "ms-4",
-        "link": "px-2 py-1 text-xs gap-1",
-        "linkLeadingIcon": "size-4",
-        "linkTrailingIcon": "size-4"
-      },
-      "sm": {
-        "listWithChildren": "ms-4.5",
-        "link": "px-2.5 py-1.5 text-xs gap-1.5",
-        "linkLeadingIcon": "size-4",
-        "linkTrailingIcon": "size-4"
-      },
-      "md": {
-        "listWithChildren": "ms-5",
-        "link": "px-2.5 py-1.5 text-sm gap-1.5",
-        "linkLeadingIcon": "size-5",
-        "linkTrailingIcon": "size-5"
-      },
-      "lg": {
-        "listWithChildren": "ms-5.5",
-        "link": "px-3 py-2 text-sm gap-2",
-        "linkLeadingIcon": "size-5",
-        "linkTrailingIcon": "size-5"
-      },
-      "xl": {
-        "listWithChildren": "ms-6",
-        "link": "px-3 py-2 text-base gap-2",
-        "linkLeadingIcon": "size-6",
-        "linkTrailingIcon": "size-6"
-      }
-    },
-    "selected": {
-      "true": {
-        "link": "before:bg-elevated"
-      }
-    },
-    "disabled": {
-      "true": {
-        "link": "cursor-not-allowed opacity-75"
-      }
-    }
-  },
-  "compoundVariants": [
-    {
-      "color": "primary" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-primary"
-      }
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-secondary"
-      }
-    },
-    {
-      "color": "success" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-success"
-      }
-    },
-    {
-      "color": "info" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-info"
-      }
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-warning"
-      }
-    },
-    {
-      "color": "error" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-error"
-      }
-    },
-    {
-      "color": "neutral" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-highlighted"
-      }
-    },
-    {
-      "selected": false,
-      "disabled": false,
-      "class": {
-        "link": [
-          "hover:text-highlighted hover:before:bg-elevated/50",
-          "transition-colors before:transition-colors"
-        ]
-      }
-    }
-  ],
-  "defaultVariants": {
-    "color": "primary" as typeof color[number],
-    "size": "md" as typeof size[number]
-  }
-}