@auvyx/ui 0.0.0-stage → 0.1.0

package/dist/ui/manifest.json

@@ -0,0 +1,667 @@
+{
+  "base": "ui/base.css",
+  "components": {
+    "accordion": {
+      "css": [
+        "ui/accordion.css",
+        "ui/accordion.native.css"
+      ],
+      "js": [
+        "ui/accordion.js"
+      ],
+      "dependencies": [
+        "card"
+      ]
+    },
+    "alert": {
+      "css": [
+        "ui/alert.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "alert-dialog": {
+      "css": [],
+      "js": [],
+      "dependencies": [
+        "button",
+        "dialog"
+      ]
+    },
+    "aspect-ratio": {
+      "css": [
+        "ui/aspect-ratio.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "attachment": {
+      "css": [
+        "ui/attachment.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "avatar": {
+      "css": [
+        "ui/avatar.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "badge": {
+      "css": [
+        "ui/badge.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "breadcrumb": {
+      "css": [
+        "ui/breadcrumb.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "dropdown-menu",
+        "popover"
+      ]
+    },
+    "bubble": {
+      "css": [
+        "ui/bubble.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "button": {
+      "css": [
+        "ui/button.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "button-group": {
+      "css": [
+        "ui/button-group.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "dropdown-menu",
+        "input",
+        "input-group",
+        "popover"
+      ]
+    },
+    "calendar": {
+      "css": [
+        "ui/calendar.css"
+      ],
+      "js": [
+        "ui/calendar.js"
+      ],
+      "dependencies": []
+    },
+    "card": {
+      "css": [
+        "ui/card.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "badge",
+        "button",
+        "input",
+        "label"
+      ]
+    },
+    "carousel": {
+      "css": [
+        "ui/carousel.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "card"
+      ]
+    },
+    "checkbox": {
+      "css": [
+        "ui/checkbox.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "field",
+        "label",
+        "table"
+      ]
+    },
+    "code-block": {
+      "css": [
+        "ui/code-block.css"
+      ],
+      "js": [
+        "ui/copy.js"
+      ],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "combobox": {
+      "css": [
+        "ui/combobox.css"
+      ],
+      "js": [
+        "ui/combobox.js"
+      ],
+      "dependencies": [
+        "button",
+        "field",
+        "input-group",
+        "label",
+        "popover",
+        "scroll-area"
+      ]
+    },
+    "command": {
+      "css": [
+        "ui/command.css"
+      ],
+      "js": [
+        "ui/command.js"
+      ],
+      "dependencies": [
+        "button",
+        "dialog"
+      ]
+    },
+    "context-menu": {
+      "css": [
+        "ui/context-menu.css"
+      ],
+      "js": [
+        "ui/context-menu.js"
+      ],
+      "dependencies": [
+        "dropdown-menu",
+        "popover"
+      ]
+    },
+    "data-table": {
+      "css": [
+        "ui/data-table.css"
+      ],
+      "js": [
+        "ui/data-table.js"
+      ],
+      "dependencies": [
+        "button",
+        "checkbox",
+        "dropdown-menu",
+        "input",
+        "popover",
+        "table"
+      ]
+    },
+    "date-picker": {
+      "css": [
+        "ui/date-picker.css"
+      ],
+      "js": [
+        "ui/date-picker.js"
+      ],
+      "dependencies": [
+        "button",
+        "calendar",
+        "field",
+        "label",
+        "popover"
+      ]
+    },
+    "dialog": {
+      "css": [
+        "ui/dialog.css",
+        "ui/dialog.native.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "input",
+        "label",
+        "scroll-area"
+      ]
+    },
+    "drawer": {
+      "css": [
+        "ui/drawer.css"
+      ],
+      "js": [
+        "ui/drawer.js"
+      ],
+      "dependencies": [
+        "button",
+        "dialog"
+      ]
+    },
+    "dropdown-menu": {
+      "css": [
+        "ui/dropdown-menu.css"
+      ],
+      "js": [
+        "ui/dropdown-menu.js"
+      ],
+      "dependencies": [
+        "button",
+        "popover"
+      ]
+    },
+    "empty": {
+      "css": [
+        "ui/empty.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "input-group",
+        "kbd"
+      ]
+    },
+    "field": {
+      "css": [
+        "ui/field.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "checkbox",
+        "input",
+        "label",
+        "native-select",
+        "radio-group",
+        "slider",
+        "textarea"
+      ]
+    },
+    "hover-card": {
+      "css": [
+        "ui/hover-card.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "popover"
+      ]
+    },
+    "input": {
+      "css": [
+        "ui/input.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "field",
+        "label"
+      ]
+    },
+    "input-group": {
+      "css": [
+        "ui/input-group.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "field",
+        "label"
+      ]
+    },
+    "input-otp": {
+      "css": [
+        "ui/input-otp.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "field",
+        "label"
+      ]
+    },
+    "item": {
+      "css": [
+        "ui/item.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "avatar",
+        "button"
+      ]
+    },
+    "kbd": {
+      "css": [
+        "ui/kbd.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "input-group"
+      ]
+    },
+    "label": {
+      "css": [
+        "ui/label.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "checkbox"
+      ]
+    },
+    "marker": {
+      "css": [
+        "ui/marker.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "menubar": {
+      "css": [
+        "ui/menubar.css"
+      ],
+      "js": [
+        "ui/menu.js"
+      ],
+      "dependencies": [
+        "dropdown-menu",
+        "popover"
+      ]
+    },
+    "message": {
+      "css": [
+        "ui/message.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "avatar",
+        "bubble"
+      ]
+    },
+    "message-scroller": {
+      "css": [
+        "ui/message-scroller.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "bubble",
+        "button",
+        "message"
+      ]
+    },
+    "native-select": {
+      "css": [
+        "ui/native-select.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "field",
+        "label"
+      ]
+    },
+    "navigation-menu": {
+      "css": [
+        "ui/navigation-menu.css"
+      ],
+      "js": [
+        "ui/menu.js"
+      ],
+      "dependencies": [
+        "popover"
+      ]
+    },
+    "pagination": {
+      "css": [],
+      "js": [],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "popover": {
+      "css": [
+        "ui/popover.css",
+        "ui/popover.native.css"
+      ],
+      "js": [
+        "ui/popover.js"
+      ],
+      "dependencies": [
+        "button",
+        "input",
+        "label"
+      ]
+    },
+    "progress": {
+      "css": [
+        "ui/progress.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "field"
+      ]
+    },
+    "questionnaire": {
+      "css": [
+        "ui/questionnaire.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "radio-group"
+      ]
+    },
+    "radio-group": {
+      "css": [
+        "ui/radio-group.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "field",
+        "label"
+      ]
+    },
+    "range-calendar": {
+      "css": [],
+      "js": [
+        "ui/calendar.js"
+      ],
+      "dependencies": [
+        "calendar"
+      ]
+    },
+    "resizable": {
+      "css": [
+        "ui/resizable.css"
+      ],
+      "js": [
+        "ui/resizable.js"
+      ],
+      "dependencies": []
+    },
+    "scroll-area": {
+      "css": [
+        "ui/scroll-area.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "card"
+      ]
+    },
+    "select": {
+      "css": [
+        "ui/select.css"
+      ],
+      "js": [
+        "ui/select.js"
+      ],
+      "dependencies": [
+        "field",
+        "label",
+        "popover",
+        "scroll-area"
+      ]
+    },
+    "separator": {
+      "css": [],
+      "js": [],
+      "dependencies": []
+    },
+    "sheet": {
+      "css": [
+        "ui/sheet.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "sidebar": {
+      "css": [
+        "ui/sidebar.css"
+      ],
+      "js": [
+        "ui/sidebar.js"
+      ],
+      "dependencies": []
+    },
+    "skeleton": {
+      "css": [
+        "ui/skeleton.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "card"
+      ]
+    },
+    "slider": {
+      "css": [
+        "ui/slider.css"
+      ],
+      "js": [
+        "ui/slider.js"
+      ],
+      "dependencies": [
+        "label"
+      ]
+    },
+    "spinner": {
+      "css": [],
+      "js": [],
+      "dependencies": [
+        "badge",
+        "button",
+        "empty",
+        "input-group",
+        "item"
+      ]
+    },
+    "switch": {
+      "css": [
+        "ui/switch.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "field",
+        "label"
+      ]
+    },
+    "table": {
+      "css": [
+        "ui/table.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "tabs": {
+      "css": [
+        "ui/tabs.css"
+      ],
+      "js": [
+        "ui/tabs.js"
+      ],
+      "dependencies": [
+        "button",
+        "card",
+        "field",
+        "input",
+        "label"
+      ]
+    },
+    "textarea": {
+      "css": [
+        "ui/textarea.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button",
+        "field",
+        "label"
+      ]
+    },
+    "toast": {
+      "css": [
+        "ui/toast.css"
+      ],
+      "js": [
+        "ui/toast.js"
+      ],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "toggle": {
+      "css": [
+        "ui/toggle.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "toggle-group": {
+      "css": [
+        "ui/toggle-group.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "toggle"
+      ]
+    },
+    "tooltip": {
+      "css": [
+        "ui/tooltip.css"
+      ],
+      "js": [],
+      "dependencies": [
+        "button"
+      ]
+    },
+    "trace": {
+      "css": [
+        "ui/trace.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "typography": {
+      "css": [
+        "ui/typography.css"
+      ],
+      "js": [],
+      "dependencies": []
+    },
+    "chart": {
+      "css": [
+        "ui/chart.css"
+      ],
+      "js": [],
+      "dependencies": []
+    }
+  }
+}

package/dist/ui/marker.css

@@ -0,0 +1,66 @@
+/* @auvyx/ui marker | order 46 */
+@layer components {
+  .marker {
+      position: relative;
+      display: flex;
+      width: 100%;
+      align-items: center;
+      > svg {
+        flex-shrink: 0;
+      }
+      > span {
+        min-width: 0;
+        overflow-wrap: break-word;
+      }
+      &[data-variant='separator'] {
+        &::before, &::after {
+          height: 1px;
+          min-width: 0;
+          flex: 1;
+          --tw-content: '';
+          content: var(--tw-content);
+        }
+        > span {
+          flex: none;
+          text-align: center;
+        }
+      }
+    }
+}
+
+@layer components {
+  .marker {
+      min-height: calc(var(--spacing) * 4);
+      gap: calc(var(--spacing) * 2);
+      text-align: start;
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+      color: var(--color-muted-foreground);
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  .marker a {
+      text-decoration-line: underline;
+      text-underline-offset: 3px;
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-foreground);
+        }
+      }
+    }
+  .marker[data-variant='separator']::before {
+      margin-inline-end: var(--spacing);
+      background-color: var(--color-border);
+    }
+  .marker[data-variant='separator']::after {
+      margin-inline-start: var(--spacing);
+      background-color: var(--color-border);
+    }
+  .marker[data-variant='border'] {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+      padding-bottom: calc(var(--spacing) * 2);
+    }
+}