@pathscale/ui 0.0.63 → 0.0.65

package/LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
 Copyright (c) 2025 pathscale
+Copyright (c) 2020 Pouya Saadeghi
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.js

@@ -6868,6 +6868,7 @@ const Dropdown_classesFn = ({ className, horizontal, vertical, end, hover, open
 const Dropdown = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
+        "class",
         "className",
         "item",
         "horizontal",
@@ -6876,20 +6877,22 @@ const Dropdown = (props)=>{
         "hover",
         "open",
         "dataTheme",
+        "style",
         "aria-label",
         "aria-describedby",
         "aria-expanded",
         "aria-haspopup",
         "aria-labelledby"
     ]);
-    const classes = ()=>Dropdown_classesFn({
-            className: local.className,
-            horizontal: local.horizontal,
-            vertical: local.vertical,
-            end: local.end,
-            hover: local.hover,
-            open: local.open
-        });
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("dropdown", local.class, local.className, clsx({
+            "dropdown-left": "left" === local.horizontal,
+            "dropdown-right": "right" === local.horizontal,
+            "dropdown-top": "top" === local.vertical,
+            "dropdown-bottom": "bottom" === local.vertical,
+            "dropdown-end": local.end,
+            "dropdown-hover": local.hover,
+            "dropdown-open": local.open
+        })));
     return (()=>{
         var _el$ = Dropdown_tmpl$3();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
@@ -6903,6 +6906,9 @@ const Dropdown = (props)=>{
             get ["class"] () {
                 return classes();
             },
+            get style () {
+                return local.style;
+            },
             get ["aria-label"] () {
                 return local["aria-label"];
             },
@@ -8795,17 +8801,24 @@ const Rating = Object.assign(Rating_Rating, {
     Item: rating_RatingItem,
     Hidden: rating_RatingHidden
 });
-var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select>");
+var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select><option value disabled hidden>");
 const Select = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
+        value: "",
+        placeholder: "Please, select an option"
+    }, props);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
         "color",
         "size",
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "placeholder",
+        "value",
+        "children"
     ]);
-    const classes = ()=>twMerge("select", local.class, local.className, clsx({
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("select", local.class, local.className, clsx({
             "select-xl": "xl" === local.size,
             "select-lg": "lg" === local.size,
             "select-md": "md" === local.size,
@@ -8819,9 +8832,10 @@ const Select = (props)=>{
             "select-success": "success" === local.color,
             "select-warning": "warning" === local.color,
             "select-error": "error" === local.color
-        }));
+        })));
+    const hasValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.value && "" !== local.value);
     return (()=>{
-        var _el$ = Select_tmpl$();
+        var _el$ = Select_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -8831,9 +8845,14 @@ const Select = (props)=>{
             },
             get style () {
                 return local.style;
+            },
+            get value () {
+                return local.value;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.placeholder);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.selected = !hasValue());
         return _el$;
     })();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.63",
+  "version": "0.0.65",
   "author": "pathscale",
   "repository": {
     "type": "git",