@codesweep-ai/ui 0.2.1-dev.20260830023458.856ea8f

package/dist/styles/components/code-block.css

@@ -0,0 +1,215 @@
+/* code-block component styles. */
+.cs-component-code-block-65 {
+    margin: 0
+}
+
+.cs-component-code-block-66 {
+    display: block
+}
+
+.cs-component-code-block-50,
+.cs-component-code-block-53,
+.cs-component-code-block-57,
+.cs-component-code-block-67 {
+    display: flex
+}
+
+.cs-component-code-block-61 {
+    height: var(--icon-size-md)
+}
+
+.cs-component-code-block-50 {
+    height: 100%
+}
+
+.cs-component-code-block-62 {
+    min-height: 0
+}
+
+.cs-component-code-block-61 {
+    width: var(--icon-size-md)
+}
+
+.cs-component-code-block-71 {
+    min-width: 0
+}
+
+.cs-component-code-block-69 {
+    min-width: 3ch
+}
+
+.cs-component-code-block-62,
+.cs-component-code-block-71 {
+    flex: 1 1 0%
+}
+
+.cs-component-code-block-54,
+.cs-component-code-block-69 {
+    flex-shrink: 0
+}
+
+.cs-component-code-block-57 {
+    cursor: pointer
+}
+
+.cs-component-code-block-69 {
+    user-select: none
+}
+
+.cs-component-code-block-50 {
+    flex-direction: column
+}
+
+.cs-component-code-block-53,
+.cs-component-code-block-57 {
+    align-items: center
+}
+
+.cs-component-code-block-53 {
+    justify-content: space-between
+}
+
+.cs-component-code-block-57 {
+    gap: var(--space-1)
+}
+
+.cs-component-code-block-62,
+.cs-component-code-block-64 {
+    overflow: auto
+}
+
+.cs-component-code-block-49 {
+    overflow: hidden
+}
+
+.cs-component-code-block-63 {
+    overflow-x: auto
+}
+
+.cs-component-code-block-55 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.cs-component-code-block-71 {
+    white-space: pre
+}
+
+.cs-component-code-block-49 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-code-block-49 {
+    border-width: .0625rem
+}
+
+.cs-component-code-block-53 {
+    border-bottom-width: .0625rem
+}
+
+.cs-component-code-block-69 {
+    border-right-width: .0625rem
+}
+
+.cs-component-code-block-57 {
+    border-style: none
+}
+
+.cs-component-code-block-49,
+.cs-component-code-block-53,
+.cs-component-code-block-69 {
+    border-color: var(--border)
+}
+
+.cs-component-code-block-49 {
+    background-color: var(--bg)
+}
+
+.cs-component-code-block-53 {
+    background-color: var(--card)
+}
+
+.cs-component-code-block-68 {
+    background-color: var(--color-success-bg)
+}
+
+.cs-component-code-block-57 {
+    background-color: transparent
+}
+
+.cs-component-code-block-57 {
+    padding: 0
+}
+
+.cs-component-code-block-53,
+.cs-component-code-block-71 {
+    padding-left: var(--space-3);
+    padding-right: var(--space-3)
+}
+
+.cs-component-code-block-53 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-code-block-69 {
+    padding-left: var(--space-4)
+}
+
+.cs-component-code-block-69 {
+    padding-right: var(--space-2)
+}
+
+.cs-component-code-block-69 {
+    text-align: right
+}
+
+.cs-component-code-block-55 {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
+}
+
+.cs-component-code-block-66 {
+    line-height: var(--line-height-code)
+}
+
+.cs-component-code-block-57 {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+
+.cs-component-code-block-58 {
+    color: var(--color-success)
+}
+
+.cs-component-code-block-55,
+.cs-component-code-block-57,
+.cs-component-code-block-69 {
+    color: var(--muted)
+}
+
+.cs-component-code-block-66 {
+    font-family: var(--font-family-mono)
+}
+
+.cs-component-code-block-66 {
+    font-size: var(--font-size-code)
+}
+
+.cs-component-code-block-55,
+.cs-component-code-block-57 {
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-code-block-68 {
+    font-weight: var(--font-weight-semibold)
+}
+
+.cs-component-code-block-66 {
+    tab-size: 2
+}
+
+.cs-component-code-block-57:hover {
+    color: var(--fg)
+}

package/dist/styles/components/dropdown.css

@@ -0,0 +1,131 @@
+@import "./form-group.css";
+
+/* dropdown component styles. */
+.cs-component-dropdown-20 {
+    pointer-events: none
+}
+
+.cs-component-dropdown-20 {
+    position: absolute
+}
+
+.cs-component-dropdown-6 {
+    position: relative
+}
+
+.cs-component-dropdown-20 {
+    right: var(--space-2)
+}
+
+.cs-component-dropdown-20 {
+    top: 50%
+}
+
+.cs-component-dropdown-6 {
+    display: inline-block
+}
+
+.cs-component-dropdown-20 {
+    height: var(--icon-size-md)
+}
+
+.cs-component-dropdown-20 {
+    width: var(--icon-size-md)
+}
+
+.cs-component-dropdown-8 {
+    width: 100%
+}
+
+.cs-component-dropdown-8 {
+    min-width: var(--input-min-width)
+}
+
+.cs-component-dropdown-20 {
+    transform: translateY(-50%)
+}
+
+.cs-component-dropdown-17 {
+    cursor: not-allowed
+}
+
+.cs-component-dropdown-8 {
+    appearance: none
+}
+
+.cs-component-dropdown-9 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-dropdown-9 {
+    border-width: .0625rem
+}
+
+.cs-component-dropdown-16 {
+    border-color: var(--border)
+}
+
+.cs-component-dropdown-15 {
+    border-color: var(--color-error)
+}
+
+.cs-component-dropdown-10 {
+    background-color: var(--card)
+}
+
+.cs-component-dropdown-11 {
+    padding-left: var(--space-3);
+    padding-right: var(--space-3)
+}
+
+.cs-component-dropdown-11 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-dropdown-11 {
+    padding-right: var(--space-6)
+}
+
+.cs-component-dropdown-12 {
+    font-weight: var(--font-family-sans)
+}
+
+.cs-component-dropdown-17 {
+    opacity: 0.5
+}
+
+.cs-component-dropdown-14 {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+
+.cs-component-dropdown-10 {
+    color: var(--fg)
+}
+
+.cs-component-dropdown-20 {
+    color: var(--muted)
+}
+
+.cs-component-dropdown-12 {
+    font-size: var(--font-size-sm)
+}
+
+.cs-component-dropdown-16:hover {
+    border-color: var(--muted)
+}
+
+.cs-component-dropdown-13:focus {
+    outline: .125rem solid transparent;
+    outline-offset: .125rem
+}
+
+.cs-component-dropdown-13:focus {
+    box-shadow: 0 0 0 .125rem var(--color-accent)
+}
+
+.cs-component-dropdown-15:focus {
+    box-shadow: 0 0 0 .125rem var(--color-error)
+}

package/dist/styles/components/event-lanes.css

@@ -0,0 +1,159 @@
+/* EventLanes component styles. */
+.cs-component-event-lanes-root {
+    --event-lanes-gutter: 8rem;
+    color: var(--fg);
+    max-width: 100%;
+    position: relative
+}
+
+.cs-component-event-lanes-main,
+.cs-component-event-lanes-overview-row {
+    display: grid;
+    grid-template-columns: var(--event-lanes-gutter) minmax(0, 1fr)
+}
+
+.cs-component-event-lanes-labels {
+    background: var(--bg);
+    border: .0625rem solid var(--border);
+    border-right: 0;
+    min-width: 0;
+    position: relative;
+    z-index: 2
+}
+
+.cs-component-event-lanes-ruler-label,
+.cs-component-event-lanes-label {
+    align-items: center;
+    border-bottom: .0625rem solid var(--border);
+    display: flex;
+    min-width: 0;
+    overflow: hidden;
+    padding: 0 var(--space-2);
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.cs-component-event-lanes-ruler-label {
+    color: var(--muted);
+    font-size: var(--font-size-xs);
+    height: var(--event-lanes-ruler-height)
+}
+
+.cs-component-event-lanes-label {
+    font-size: var(--font-size-sm);
+    height: var(--event-lanes-lane-height)
+}
+
+.cs-component-event-lanes-label:last-child {
+    border-bottom: 0
+}
+
+.cs-component-event-lanes-axis-cell {
+    min-width: 0;
+    position: relative
+}
+
+.cs-component-event-lanes-scroller {
+    border: .0625rem solid var(--border);
+    max-width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden;
+    position: relative;
+    scrollbar-gutter: stable;
+    width: 100%
+}
+
+.cs-component-event-lanes-scroller:focus-visible {
+    box-shadow: 0 0 0 .125rem var(--bg), 0 0 0 .25rem var(--color-link);
+    outline: 0;
+    z-index: 3
+}
+
+.cs-component-event-lanes-axis {
+    min-width: 100%;
+    position: relative
+}
+
+.cs-component-event-lanes-ruler {
+    height: var(--event-lanes-ruler-height);
+    min-width: 100%;
+    position: relative
+}
+
+/* Pinned to the scrollport, not the axis. `min-width: 100%` resolved against
+   the axis element (the full scroll extent), so this box was as wide as the
+   scrollable content and `position: sticky` could never engage: the canvas rode
+   along with the scroll while the paint had ALREADY subtracted scrollLeft, so
+   the marks were offset twice and the drawn region visibly collapsed — 838px of
+   canvas in view at scrollLeft 0, 79px at the end. The canvas is sized to the
+   viewport in JS, so `fit-content` is the correct width and no minimum is
+   needed. */
+.cs-component-event-lanes-canvas-window {
+    height: calc(var(--event-lanes-lane-height) * var(--event-lanes-lane-count, 1));
+    min-width: 0;
+    position: sticky;
+    left: 0;
+    width: fit-content
+}
+
+.cs-component-event-lanes-canvas-window canvas {
+    cursor: crosshair;
+    display: block
+}
+
+.cs-component-event-lanes-census {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: .0625rem;
+    margin: -.0625rem;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: .0625rem
+}
+
+.cs-component-event-lanes-tooltip-layer {
+    inset: 0;
+    pointer-events: none;
+    position: absolute;
+    z-index: var(--z-tooltip)
+}
+
+.cs-component-event-lanes-tooltip-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-0-5)
+}
+
+.cs-component-event-lanes-tooltip-content span {
+    color: var(--muted);
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-event-lanes-overview-row {
+    margin-top: var(--space-1)
+}
+
+.cs-component-event-lanes-overview-label {
+    align-items: center;
+    color: var(--muted);
+    display: flex;
+    font-size: var(--font-size-xs);
+    padding: 0 var(--space-2)
+}
+
+.cs-component-event-lanes-overview {
+    border: .0625rem solid var(--border);
+    cursor: ew-resize;
+    display: block;
+    max-width: 100%;
+    touch-action: none
+}
+
+@media (max-width: 40rem) {
+    .cs-component-event-lanes-root {
+        --event-lanes-gutter: 6rem
+    }
+}

package/dist/styles/components/form-group.css

@@ -0,0 +1,34 @@
+/* form-group component styles. */
+.cs-component-form-group-18 {
+    margin-left: var(--space-0-5)
+}
+
+.cs-component-form-group-15 {
+    display: flex
+}
+
+.cs-component-form-group-16 {
+    cursor: default
+}
+
+.cs-component-form-group-15 {
+    flex-direction: column
+}
+
+.cs-component-form-group-15 {
+    gap: var(--space-1)
+}
+
+.cs-component-form-group-18,
+.cs-component-form-group-20 {
+    color: var(--color-error)
+}
+
+.cs-component-form-group-21 {
+    color: var(--muted)
+}
+
+.cs-component-form-group-20,
+.cs-component-form-group-21 {
+    font-size: var(--font-size-xs)
+}

package/dist/styles/components/highlight-text.css

@@ -0,0 +1,17 @@
+/* highlight-text component styles. */
+.cs-component-highlight-text-10 {
+    border-radius: var(--radius-xs)
+}
+
+.cs-component-highlight-text-10 {
+    background-color: var(--color-highlight)
+}
+
+.cs-component-highlight-text-10 {
+    padding-left: var(--space-px);
+    padding-right: var(--space-px)
+}
+
+.cs-component-highlight-text-10 {
+    color: var(--fg)
+}

package/dist/styles/components/input.css

@@ -0,0 +1,168 @@
+/* input component styles. */
+.cs-component-input-21,
+.cs-component-input-34 {
+    display: inline-flex
+}
+
+.cs-component-input-21 {
+    width: 100%
+}
+
+.cs-component-input-28 {
+    min-width: 0
+}
+
+.cs-component-input-28 {
+    flex: 1 1 0%
+}
+
+.cs-component-input-34 {
+    flex-shrink: 0
+}
+
+.cs-component-input-26 {
+    cursor: not-allowed
+}
+
+.cs-component-input-41 {
+    resize: vertical
+}
+
+.cs-component-input-34 {
+    align-items: center
+}
+
+.cs-component-input-21 {
+    align-items: stretch
+}
+
+.cs-component-input-34 {
+    justify-content: center
+}
+
+.cs-component-input-22 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-input-22 {
+    border-width: .0625rem
+}
+
+.cs-component-input-28 {
+    border-style: none
+}
+
+.cs-component-input-25 {
+    border-color: var(--border)
+}
+
+.cs-component-input-24 {
+    border-color: var(--color-error)
+}
+
+.cs-component-input-22 {
+    background-color: var(--card)
+}
+
+.cs-component-input-28 {
+    background-color: transparent
+}
+
+.cs-component-input-18,
+.cs-component-input-37 {
+    padding-left: var(--space-2);
+    padding-right: var(--space-2)
+}
+
+.cs-component-input-19,
+.cs-component-input-38 {
+    padding-left: var(--space-3);
+    padding-right: var(--space-3)
+}
+
+.cs-component-input-18 {
+    padding-top: var(--space-1);
+    padding-bottom: var(--space-1)
+}
+
+.cs-component-input-19 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-input-32 {
+    padding-left: var(--space-1)
+}
+
+.cs-component-input-33 {
+    padding-right: var(--space-1)
+}
+
+.cs-component-input-29 {
+    font-weight: var(--font-family-sans)
+}
+
+.cs-component-input-41 {
+    line-height: var(--line-height-normal)
+}
+
+.cs-component-input-26 {
+    opacity: 0.6
+}
+
+.cs-component-input-28 {
+    outline: .125rem solid transparent;
+    outline-offset: .125rem
+}
+
+.cs-component-input-23 {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+
+.cs-component-input-27 {
+    background: var(--color-bg-subtle)
+}
+
+.cs-component-input-29 {
+    color: var(--fg)
+}
+
+.cs-component-input-35 {
+    color: var(--muted)
+}
+
+.cs-component-input-19 {
+    font-size: var(--font-size-sm)
+}
+
+.cs-component-input-18 {
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-input-30::placeholder {
+    color: var(--color-neutral);
+    opacity: 1
+}
+
+.cs-component-input-25:focus-within {
+    border-color: var(--color-accent)
+}
+
+.cs-component-input-24:focus-within,
+.cs-component-input-25:focus-within {
+    box-shadow: 0 0 0 .125rem var(--color-accent)
+}
+
+.cs-component-input-24:focus-within {
+    box-shadow: 0 0 0 .125rem var(--color-error)
+}
+
+.cs-component-input-25:hover {
+    border-color: var(--muted)
+}
+
+.cs-component-input-31:disabled {
+    cursor: not-allowed
+}