@symbo.ls/create 2.11.484 → 2.11.486

package/dist/cjs/bundle/index.js

@@ -15344,6 +15344,136 @@ 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/Notification/index.js
+var Notification, NotificationIndicator;
+var init_Notification = __esm({
+  "../uikit/Notification/index.js"() {
+    "use strict";
+    Notification = {
+      extend: "Flex",
+      props: {
+        theme: "alert",
+        padding: "Z1 B Z A",
+        round: "A A A Y2",
+        gap: "X2",
+        cursor: "pointer",
+        align: "flex-start center"
+      },
+      IconText: {
+        icon: "info outline"
+      },
+      Flex: {
+        flow: "column",
+        align: "flex-start",
+        gap: "X2",
+        Title: {
+          tag: "h6",
+          margin: "0",
+          fontWeight: "600",
+          lineHeight: "1em",
+          text: "Notification"
+        },
+        P: {
+          fontSize: "Z",
+          margin: "0",
+          text: "is not always a distraction",
+          ":empty": { hide: true }
+        }
+      }
+    };
+    NotificationIndicator = {
+      extend: "Flex",
+      props: {
+        text: "2",
+        fontSize: "Z",
+        lineHeight: "1em",
+        background: "#0474F2",
+        boxSize: "fit-content fit-content",
+        padding: "X+W",
+        round: "Y+X"
+      }
+    };
+  }
+});
+
 // ../uikit/index.js
 var uikit_exports = {};
 __export(uikit_exports, {
@@ -15368,6 +15498,8 @@ __export(uikit_exports, {
   DialogHeader: () => DialogHeader,
   Direction: () => Direction,
   Div: () => Div,
+  DropdownList: () => DropdownList,
+  DropdownParent: () => DropdownParent,
   FileIcon: () => FileIcon,
   Flex: () => Flex,
   Focusable: () => Focusable,
@@ -15398,6 +15530,8 @@ __export(uikit_exports, {
   Li: () => Li,
   Link: () => Link,
   Media: () => Media,
+  Notification: () => Notification,
+  NotificationIndicator: () => NotificationIndicator,
   NumberInput: () => NumberInput,
   Ol: () => Ol,
   Overflow: () => Overflow,
@@ -15451,6 +15585,8 @@ var init_uikit = __esm({
     init_Tooltip();
     init_Avatar();
     init_Range();
+    init_Dropdown();
+    init_Notification();
   }
 });
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.484",
+  "version": "2.11.486",
   "license": "MIT",
-  "gitHead": "8b1e8fb4387591a6aa1e3fd5afeadc077d0f4df8",
+  "gitHead": "cbd242b88ae69bd23402b1d005a0003a0e90ce88",
   "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.486",
+    "@symbo.ls/uikit": "^2.11.486",
     "@symbo.ls/utils": "^2.11.475",
     "domql": "^2.5.158"
   },