@symbo.ls/create 2.11.484 → 2.11.485

package/dist/cjs/bundle/index.js

@@ -15344,6 +15344,84 @@ var init_Range = __esm({
   }
 });
 
+// ../uikit/Dropdown/index.js
+var DropdownList, DropdownParent;
+var init_Dropdown = __esm({
+  "../uikit/Dropdown/index.js"() {
+    "use strict";
+    DropdownList = {
+      extend: "Flex",
+      attr: {
+        dropdown: true
+      },
+      props: {
+        padding: "0 Y",
+        maxHeight: "G",
+        flow: "column",
+        theme: "quaternary",
+        overflow: "hidden auto",
+        style: { listStyleType: "none" },
+        transition: "B defaultBezier",
+        transitionProperty: "transform, opacity, visibility",
+        children: ({ props: props4 }) => props4.options || [],
+        childrenAs: "props",
+        ".hidden": {
+          transform: "translate3d(0,10%,0)",
+          opacity: 0,
+          visibility: "hidden"
+        }
+      },
+      childExtend: {
+        extend: "Button",
+        state: {},
+        props: {
+          isActive: ({ key, state }) => state.active === key,
+          position: "relative",
+          round: "0",
+          align: "center flex-end",
+          flow: "row-reverse",
+          padding: "Z2 C Z2 Y2",
+          margin: "0",
+          gap: "Y2",
+          theme: "quaternary .child",
+          ":hover": {
+            style: {
+              svg: { opacity: "0.5" }
+            }
+          },
+          Icon: {
+            isActive: ({ key, state }) => state.active === key,
+            name: "checkmark",
+            opacity: "0.1",
+            ".active": { opacity: "1" }
+          },
+          ":not(:first-child)": {
+            "@dark": { border: "gray4 .65, solid" },
+            "@light": { border: "gray11, solid" },
+            borderWidth: "1px 0 0"
+          }
+        }
+      }
+    };
+    DropdownParent = {
+      props: {
+        position: "relative",
+        zIndex: 999,
+        style: {
+          "&:hover": {
+            zIndex: 1e3,
+            "& [dropdown]": {
+              transform: "translate3d(0,0,0)",
+              opacity: 1,
+              visibility: "visible"
+            }
+          }
+        }
+      }
+    };
+  }
+});
+
 // ../uikit/index.js
 var uikit_exports = {};
 __export(uikit_exports, {
@@ -15368,6 +15446,8 @@ __export(uikit_exports, {
   DialogHeader: () => DialogHeader,
   Direction: () => Direction,
   Div: () => Div,
+  DropdownList: () => DropdownList,
+  DropdownParent: () => DropdownParent,
   FileIcon: () => FileIcon,
   Flex: () => Flex,
   Focusable: () => Focusable,
@@ -15451,6 +15531,7 @@ var init_uikit = __esm({
     init_Tooltip();
     init_Avatar();
     init_Range();
+    init_Dropdown();
   }
 });
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.484",
+  "version": "2.11.485",
   "license": "MIT",
-  "gitHead": "8b1e8fb4387591a6aa1e3fd5afeadc077d0f4df8",
+  "gitHead": "37b6b39503dbdd03ed0396c69fe7cde5a6254c04",
   "files": [
     "src",
     "dist"
@@ -37,8 +37,8 @@
     "@symbo.ls/fetch": "^2.11.475",
     "@symbo.ls/init": "^2.11.475",
     "@symbo.ls/scratch": "^2.11.475",
-    "@symbo.ls/sync": "^2.11.484",
-    "@symbo.ls/uikit": "^2.11.484",
+    "@symbo.ls/sync": "^2.11.485",
+    "@symbo.ls/uikit": "^2.11.485",
     "@symbo.ls/utils": "^2.11.475",
     "domql": "^2.5.158"
   },