@enigmax/primitives 0.22.0 → 0.24.0

package/registry.json

@@ -156,7 +156,7 @@
     {
       "name": "input",
       "title": "Input, one field for every type",
-      "description": "A field you pass props to, typed by its `type`: password gets the reveal toggle, a generator, a strength meter and a breach check; search gets debouncing, ranking and a clear button; everything else is a plain field with native props. What each type needs is loaded when that type is used, so a form of text fields ships none of it.",
+      "description": "A field you pass props to, typed by its `type`: password gets the reveal toggle, a generator, a strength meter and a breach check; search gets debouncing, ranking and a clear button; color gets a swatch and a picker panel - saturation square, hue and alpha rails, presets and the screen eyedropper - instead of the operating system popup; everything else is a plain field with native props. What each type needs is loaded when that type is used, so a form of text fields ships none of it.",
       "targets": [
         "vanilla",
         "astro",
@@ -224,7 +224,8 @@
           ],
           "rewrite": {
             "@/core/search": "./search-core",
-            "@/core/password": "./password-core"
+            "@/core/password": "./password-core",
+            "@/core/color": "./color-core"
           }
         },
         {
@@ -262,6 +263,43 @@
             "@/core/search": "./search-core"
           }
         },
+        {
+          "path": "src/core/color.ts",
+          "dest": "input/color-core.ts",
+          "targets": [
+            "vanilla",
+            "astro",
+            "react"
+          ]
+        },
+        {
+          "path": "src/react/input/color-styles.ts",
+          "dest": "input/color-styles.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/react/input/color.tsx",
+          "dest": "input/color.tsx",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/color": "./color-core",
+            "@/react/input/write-value": "./write-value",
+            "@/react/input/color-styles": "./color-styles",
+            "@/react/input/types": "./types"
+          }
+        },
+        {
+          "path": "recipes/color/styles.css",
+          "dest": "input/color.css",
+          "targets": [
+            "react"
+          ],
+          "style": "css"
+        },
         {
           "path": "recipes/input/styles.css",
           "dest": "input/styles.css",
@@ -286,7 +324,8 @@
             "@/react/input/types": "./types",
             "@/react/input/password": "./password",
             "@/react/input/search": "./search",
-            "@/core/password": "./password-core"
+            "@/core/password": "./password-core",
+            "@/react/input/color": "./color"
           }
         },
         {
@@ -322,7 +361,26 @@
         "[data-enigma-password-strength-segment][data-filled]",
         "[data-enigma-password-strength-label]",
         "[data-enigma-password-strength-warning]",
-        "[data-enigma-input-action=clear]"
+        "[data-enigma-input-action=clear]",
+        "[data-enigma-color]",
+        "[data-enigma-color][data-open]",
+        "[data-enigma-color-swatch]",
+        "[data-enigma-color-swatch][data-invalid]",
+        "[data-enigma-color-checkers]",
+        "[data-enigma-color-fill]",
+        "[data-enigma-color-panel]",
+        "[data-enigma-color-panel][data-side=top]",
+        "[data-enigma-color-area]",
+        "[data-enigma-color-controls]",
+        "[data-enigma-color-rails]",
+        "[data-enigma-color-rail=hue]",
+        "[data-enigma-color-rail=alpha]",
+        "[data-enigma-color-gradient]",
+        "[data-enigma-color-thumb]",
+        "[data-enigma-color-preview]",
+        "[data-enigma-color-eyedropper]",
+        "[data-enigma-color-swatches]",
+        "[data-enigma-color-preset]"
       ],
       "docs": "docs/notes/primitives.md#input",
       "recipes": [
@@ -454,6 +512,13 @@
             "react"
           ]
         },
+        {
+          "path": "src/react/slot.tsx",
+          "dest": "button/slot.tsx",
+          "targets": [
+            "react"
+          ]
+        },
         {
           "path": "src/react/button.tsx",
           "dest": "button/index.tsx",
@@ -464,7 +529,8 @@
           "rewrite": {
             "@/core/button": "./button",
             "@/react/use-button": "./use-button",
-            "@/react/link": "./link"
+            "@/react/link": "./link",
+            "@/react/slot": "./slot"
           }
         }
       ],
@@ -585,6 +651,367 @@
         "css"
       ]
     },
+    {
+      "name": "select",
+      "title": "Select",
+      "description": "A listbox that replaces the native select: icons and a second line on an option, rows that cannot be chosen, one value or many with removable tags, groups, a filter that appears on its own once the list is long enough (fuzzy with Fuse.js, plain without it), typeahead and the full keyboard, a hidden field so a plain form still posts it, and a long list rendered a window at a time. It brings its own theme - an unstyled popup is transparent text over the page rather than a plain-looking control.",
+      "targets": [
+        "react"
+      ],
+      "entry": {
+        "react": "@enigmax/primitives/react/select"
+      },
+      "exports": {
+        "react": [
+          "Select",
+          "useSelectContext",
+          "createSelect"
+        ]
+      },
+      "files": [
+        {
+          "path": "src/core/search.ts",
+          "dest": "select/search-core.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/core/palette.ts",
+          "dest": "select/rows.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/core/keys.ts",
+          "dest": "select/keys.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/core/select.ts",
+          "dest": "select/select.ts",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/search": "./search-core",
+            "@/core/keys": "./keys"
+          }
+        },
+        {
+          "path": "src/react/slot.tsx",
+          "dest": "select/slot.tsx",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/react/select/styles.ts",
+          "dest": "select/styles.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "recipes/select/styles.css",
+          "dest": "select/styles.css",
+          "targets": [
+            "react"
+          ],
+          "style": "css"
+        },
+        {
+          "path": "src/react/select/context.ts",
+          "dest": "select/context.ts",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/select": "./select"
+          }
+        },
+        {
+          "path": "src/react/select/root.tsx",
+          "dest": "select/root.tsx",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/select": "./select",
+            "@/core/palette": "./rows",
+            "@/core/search": "./search-core",
+            "@/react/slot": "./slot",
+            "@/react/select/styles": "./styles",
+            "@/react/select/context": "./context"
+          }
+        },
+        {
+          "path": "src/react/select/index.tsx",
+          "dest": "select/index.tsx",
+          "main": true,
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/react/select/root": "./root",
+            "@/react/select/context": "./context",
+            "@/react/select/styles": "./styles",
+            "@/core/select": "./select"
+          }
+        }
+      ],
+      "styles": true,
+      "themeHooks": [
+        "[data-enigma-select-root]",
+        "[data-enigma-select-trigger]",
+        "[data-enigma-select-trigger][data-open]",
+        "[data-enigma-select-value][data-placeholder]",
+        "[data-enigma-select-tag]",
+        "[data-enigma-select-tag-remove]",
+        "[data-enigma-select-indicator]",
+        "[data-enigma-select-caret]",
+        "[data-enigma-select-clear]",
+        "[data-enigma-select-content]",
+        "[data-enigma-select-content][data-side=top]",
+        "[data-enigma-select-search]",
+        "[data-enigma-select-list]",
+        "[data-enigma-select-group-label]",
+        "[data-enigma-select-option]",
+        "[data-enigma-select-option][data-active]",
+        "[data-enigma-select-option][data-selected]",
+        "[data-enigma-select-option][data-disabled]",
+        "[data-enigma-select-option-label]",
+        "[data-enigma-select-option-description]",
+        "[data-enigma-select-icon]",
+        "[data-enigma-select-check]",
+        "[data-enigma-select-empty]"
+      ],
+      "docs": "docs/notes/primitives.md#select",
+      "recipes": [
+        "css"
+      ]
+    },
+    {
+      "name": "context-menu",
+      "title": "Context menu",
+      "description": "A right-click menu with the desktop's behaviour: submenus that open on a beat of hovering and survive a diagonal pointer, icons, a second line, shortcuts printed on the right, checkable and radio rows, separators and captions, destructive rows in red, an optional heading naming what it acts on, a filter once a level is long, a long level rendered a window at a time, and a submenu fetched on demand and cached. Opens at the pointer, on a long press, and on Shift+F10. Copy, Cut and Paste are built from whatever was right-clicked and are on by default, because the browser menu this one replaces has them. A menu with no rows does not open at all. It brings its own theme - an unstyled popup is transparent text over the page rather than a plain-looking control.",
+      "targets": [
+        "react"
+      ],
+      "entry": {
+        "react": "@enigmax/primitives/react/context-menu"
+      },
+      "exports": {
+        "react": [
+          "ContextMenu",
+          "useContextMenuContext",
+          "createContextMenu"
+        ]
+      },
+      "files": [
+        {
+          "path": "src/core/search.ts",
+          "dest": "context-menu/search-core.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/core/keys.ts",
+          "dest": "context-menu/keys.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/core/context-menu.ts",
+          "dest": "context-menu/context-menu.ts",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/search": "./search-core",
+            "@/core/keys": "./keys"
+          }
+        },
+        {
+          "path": "src/core/clipboard-menu.ts",
+          "dest": "context-menu/clipboard-menu.ts",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/context-menu": "./context-menu"
+          }
+        },
+        {
+          "path": "src/react/slot.tsx",
+          "dest": "context-menu/slot.tsx",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/react/context-menu/styles.ts",
+          "dest": "context-menu/styles.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "recipes/context-menu/styles.css",
+          "dest": "context-menu/styles.css",
+          "targets": [
+            "react"
+          ],
+          "style": "css"
+        },
+        {
+          "path": "src/react/context-menu/context.ts",
+          "dest": "context-menu/context.ts",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/context-menu": "./context-menu"
+          }
+        },
+        {
+          "path": "src/react/context-menu/root.tsx",
+          "dest": "context-menu/root.tsx",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/context-menu": "./context-menu",
+            "@/core/search": "./search-core",
+            "@/core/keys": "./keys",
+            "@/react/slot": "./slot",
+            "@/react/context-menu/styles": "./styles",
+            "@/react/context-menu/context": "./context",
+            "@/core/clipboard-menu": "./clipboard-menu"
+          }
+        },
+        {
+          "path": "src/react/context-menu/index.tsx",
+          "dest": "context-menu/index.tsx",
+          "main": true,
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/react/context-menu/root": "./root",
+            "@/react/context-menu/context": "./context",
+            "@/react/context-menu/styles": "./styles",
+            "@/core/context-menu": "./context-menu",
+            "@/core/keys": "./keys",
+            "@/core/clipboard-menu": "./clipboard-menu"
+          }
+        }
+      ],
+      "styles": true,
+      "themeHooks": [
+        "[data-enigma-menu-trigger]",
+        "[data-enigma-menu-panel]",
+        "[data-enigma-menu-panel][data-placed]",
+        "[data-enigma-menu-title]",
+        "[data-enigma-menu-search]",
+        "[data-enigma-menu-list]",
+        "[data-enigma-menu-item]",
+        "[data-enigma-menu-item][data-active]",
+        "[data-enigma-menu-item][data-disabled]",
+        "[data-enigma-menu-item][data-destructive]",
+        "[data-enigma-menu-item][data-submenu]",
+        "[data-enigma-menu-item-label]",
+        "[data-enigma-menu-item-description]",
+        "[data-enigma-menu-icon]",
+        "[data-enigma-menu-shortcut]",
+        "[data-enigma-menu-arrow]",
+        "[data-enigma-menu-check]",
+        "[data-enigma-menu-separator]",
+        "[data-enigma-menu-label]",
+        "[data-enigma-menu-status]",
+        "[data-enigma-menu-status][data-error]"
+      ],
+      "docs": "docs/notes/primitives.md#context-menu",
+      "recipes": [
+        "css"
+      ]
+    },
+    {
+      "name": "selection",
+      "title": "Selection list",
+      "description": "The file-manager selection model as a headless list: a plain click replaces, Ctrl toggles, Shift takes the range from the anchor, Ctrl+Shift adds that range, Ctrl+A takes everything and Escape drops it, with a rubber band over empty space and arrow keys that move a cursor and extend with Shift. Delete, F2, Enter, copy, cut and paste are reported as commands rather than performed. Every binding can be rebound, removed one at a time, or turned off altogether, and a binding of your own is matched and reported the same way. Ships no styles: state arrives as data attributes.",
+      "targets": [
+        "react"
+      ],
+      "entry": {
+        "react": "@enigmax/primitives/react/selection"
+      },
+      "exports": {
+        "react": [
+          "SelectionList",
+          "useSelection",
+          "createSelection"
+        ]
+      },
+      "files": [
+        {
+          "path": "src/core/keys.ts",
+          "dest": "selection/keys.ts",
+          "targets": [
+            "react"
+          ]
+        },
+        {
+          "path": "src/core/selection.ts",
+          "dest": "selection/selection.ts",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/keys": "./keys"
+          }
+        },
+        {
+          "path": "src/react/selection/use-selection.ts",
+          "dest": "selection/use-selection.ts",
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/core/selection": "./selection"
+          }
+        },
+        {
+          "path": "src/react/selection/index.tsx",
+          "dest": "selection/index.tsx",
+          "main": true,
+          "targets": [
+            "react"
+          ],
+          "rewrite": {
+            "@/react/selection/use-selection": "./use-selection",
+            "@/core/selection": "./selection",
+            "@/core/keys": "./keys"
+          }
+        }
+      ],
+      "styles": false,
+      "themeHooks": [
+        "[data-enigma-selection-list]",
+        "[data-enigma-selection-item]",
+        "[data-enigma-selection-item][data-selected]",
+        "[data-enigma-selection-item][data-cursor]",
+        "[data-enigma-selection-item][data-disabled]",
+        "[data-enigma-selection-marquee]",
+        "[data-enigma-selection-empty]"
+      ],
+      "docs": "docs/notes/primitives.md#selection"
+    },
     {
       "name": "flags",
       "title": "Country flags",