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

package/dist/styles/components/panel.css

@@ -0,0 +1,126 @@
+/* panel component styles. */
+.cs-component-panel-4,
+.cs-component-panel-11,
+.cs-component-panel-13 {
+    display: flex
+}
+
+.cs-component-panel-11 {
+    height: 2.5rem
+}
+
+.cs-component-panel-19 {
+    height: var(--icon-size-md)
+}
+
+.cs-component-panel-4 {
+    height: 100%
+}
+
+.cs-component-panel-20 {
+    min-height: 0
+}
+
+.cs-component-panel-5 {
+    width: 0 !important
+}
+
+.cs-component-panel-19 {
+    width: var(--icon-size-md)
+}
+
+.cs-component-panel-20 {
+    flex: 1 1 0%
+}
+
+.cs-component-panel-11 {
+    flex-shrink: 0
+}
+
+.cs-component-panel-4 {
+    flex-direction: column
+}
+
+.cs-component-panel-11,
+.cs-component-panel-13 {
+    align-items: center
+}
+
+.cs-component-panel-11 {
+    justify-content: space-between
+}
+
+.cs-component-panel-13 {
+    gap: var(--space-1)
+}
+
+.cs-component-panel-5 {
+    overflow: hidden !important
+}
+
+.cs-component-panel-20 {
+    overflow: hidden
+}
+
+.cs-component-panel-12 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.cs-component-panel-14 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-panel-4 {
+    border-right-width: .0625rem
+}
+
+.cs-component-panel-5 {
+    border-style: none !important
+}
+
+.cs-component-panel-4 {
+    border-color: var(--border)
+}
+
+.cs-component-panel-4 {
+    background-color: var(--bg)
+}
+
+.cs-component-panel-14 {
+    padding: var(--space-1)
+}
+
+.cs-component-panel-20 {
+    padding-left: var(--space-2);
+    padding-right: var(--space-2)
+}
+
+.cs-component-panel-11 {
+    padding-left: var(--space-4);
+    padding-right: var(--space-4)
+}
+
+.cs-component-panel-20 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-panel-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-panel-14 {
+    color: var(--muted)
+}
+
+.cs-component-panel-14:hover {
+    background-color: var(--color-bg-muted-hover)
+}
+
+.cs-component-panel-14:hover {
+    color: var(--fg)
+}

package/dist/styles/components/pulse-badge.css

@@ -0,0 +1,56 @@
+/* pulse-badge component styles. */
+.cs-pulse {
+    animation: cs-pulse 1.4s ease-in-out infinite;
+    border-radius: 50%;
+    display: inline-block;
+    transform-origin: center
+}
+
+@keyframes cs-pulse {
+    0%, 100% { opacity: .6; transform: scale(.8); }
+    50% { opacity: 1; transform: scale(1.2); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .cs-pulse {
+        animation: none;
+        opacity: .85;
+        transform: none
+    }
+}
+
+.cs-component-pulse-badge-17 {
+    display: inline-block
+}
+
+.cs-component-pulse-badge-11 {
+    height: var(--pulse-size-lg)
+}
+
+.cs-component-pulse-badge-10 {
+    height: var(--pulse-size-md)
+}
+
+.cs-component-pulse-badge-9 {
+    height: var(--pulse-size-sm)
+}
+
+.cs-component-pulse-badge-11 {
+    width: var(--pulse-size-lg)
+}
+
+.cs-component-pulse-badge-10 {
+    width: var(--pulse-size-md)
+}
+
+.cs-component-pulse-badge-9 {
+    width: var(--pulse-size-sm)
+}
+
+.cs-component-pulse-badge-19 {
+    flex-shrink: 0
+}
+
+.cs-component-pulse-badge-17 {
+    border-radius: 624.9375rem
+}

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

@@ -0,0 +1,89 @@
+/* radio-group component styles. */
+.cs-component-radio-group-1 {
+    display: flex;
+    gap: var(--space-1)
+}
+
+.cs-component-radio-group-2 {
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: stretch
+}
+
+.cs-component-radio-group-3 {
+    flex-direction: column
+}
+
+.cs-component-radio-group-4 {
+    align-items: flex-start;
+    background: transparent;
+    border: .0625rem solid transparent;
+    border-radius: var(--radius-md);
+    color: var(--muted);
+    cursor: pointer;
+    display: flex;
+    gap: var(--space-2);
+    padding: var(--space-2);
+    text-align: left
+}
+
+.cs-component-radio-group-4:hover:not(:disabled) {
+    background-color: var(--color-bg-muted-hover);
+    color: var(--fg)
+}
+
+.cs-component-radio-group-4:focus-visible {
+    outline: .125rem solid var(--color-accent);
+    outline-offset: .125rem
+}
+
+.cs-component-radio-group-5 {
+    background-color: var(--color-bg-muted);
+    border-color: var(--border);
+    color: var(--fg)
+}
+
+.cs-component-radio-group-6 {
+    cursor: not-allowed;
+    opacity: .5
+}
+
+/* The dot. Its ring is always drawn so the row does not shift on selection. */
+.cs-component-radio-group-7 {
+    border: .0625rem solid var(--muted);
+    border-radius: 50%;
+    flex: none;
+    height: .875rem;
+    margin-top: .125rem;
+    position: relative;
+    width: .875rem
+}
+
+.cs-component-radio-group-5 .cs-component-radio-group-7 {
+    border-color: var(--color-accent)
+}
+
+.cs-component-radio-group-5 .cs-component-radio-group-7::after {
+    background-color: var(--color-accent);
+    border-radius: 50%;
+    content: "";
+    inset: .1875rem;
+    position: absolute
+}
+
+.cs-component-radio-group-8 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-0-5);
+    min-width: 0
+}
+
+.cs-component-radio-group-9 {
+    font-size: var(--font-size-label);
+    font-weight: var(--font-weight-semibold)
+}
+
+.cs-component-radio-group-10 {
+    color: var(--muted);
+    font-size: var(--font-size-sm)
+}

package/dist/styles/components/search-input.css

@@ -0,0 +1,153 @@
+/* search-input component styles. */
+.cs-component-search-input-31 {
+    pointer-events: none
+}
+
+.cs-component-search-input-37 {
+    margin-top: var(--space-1)
+}
+
+.cs-component-search-input-28 {
+    display: flex
+}
+
+.cs-component-search-input-11,
+.cs-component-search-input-13 {
+    display: inline-flex
+}
+
+.cs-component-search-input-33 {
+    height: var(--icon-size-md)
+}
+
+.cs-component-search-input-33 {
+    width: var(--icon-size-md)
+}
+
+.cs-component-search-input-20 {
+    min-width: 0
+}
+
+.cs-component-search-input-20 {
+    flex: 1 1 0%
+}
+
+.cs-component-search-input-28 {
+    flex-shrink: 0
+}
+
+.cs-component-search-input-12,
+.cs-component-search-input-26,
+.cs-component-search-input-31 {
+    cursor: not-allowed
+}
+
+.cs-component-search-input-30 {
+    cursor: pointer
+}
+
+.cs-component-search-input-11 {
+    flex-direction: column
+}
+
+.cs-component-search-input-13,
+.cs-component-search-input-28 {
+    align-items: center
+}
+
+.cs-component-search-input-28 {
+    justify-content: center
+}
+
+.cs-component-search-input-14 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-search-input-14 {
+    border-width: .0625rem
+}
+
+.cs-component-search-input-21 {
+    border-style: none
+}
+
+.cs-component-search-input-14 {
+    border-color: var(--border)
+}
+
+.cs-component-search-input-15 {
+    background-color: var(--card)
+}
+
+.cs-component-search-input-21 {
+    background-color: transparent
+}
+
+.cs-component-search-input-29 {
+    padding-left: var(--space-2);
+    padding-right: var(--space-2)
+}
+
+.cs-component-search-input-22 {
+    padding-left: var(--space-3);
+    padding-right: var(--space-3)
+}
+
+.cs-component-search-input-22 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-search-input-37 {
+    font-style: italic
+}
+
+.cs-component-search-input-12 {
+    opacity: 0.5
+}
+
+.cs-component-search-input-18,
+.cs-component-search-input-30 {
+    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-search-input-23 {
+    color: var(--fg)
+}
+
+.cs-component-search-input-29,
+.cs-component-search-input-37 {
+    color: var(--muted)
+}
+
+.cs-component-search-input-23 {
+    font-size: var(--font-size-sm)
+}
+
+.cs-component-search-input-37 {
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-search-input-24::placeholder {
+    color: var(--color-neutral);
+    opacity: 1
+}
+
+.cs-component-search-input-16:focus-within {
+    box-shadow: 0 0 0 .125rem var(--color-accent)
+}
+
+.cs-component-search-input-17:hover {
+    border-color: var(--muted)
+}
+
+.cs-component-search-input-30:hover {
+    color: var(--fg)
+}
+
+.cs-component-search-input-25:focus {
+    outline: .125rem solid transparent;
+    outline-offset: .125rem
+}

package/dist/styles/components/sectioned-tree.css

@@ -0,0 +1,183 @@
+@import "./button.css";
+@import "./tree.css";
+@import "./skeleton.css";
+
+/* sectioned-tree component styles. */
+.cs-component-sectioned-tree-53 {
+    position: sticky
+}
+
+.cs-component-sectioned-tree-53 {
+    top: 0
+}
+
+.cs-component-sectioned-tree-53 {
+    z-index: var(--z-sticky)
+}
+
+.cs-component-sectioned-tree-11,
+.cs-component-sectioned-tree-14,
+.cs-component-sectioned-tree-22,
+.cs-component-sectioned-tree-37,
+.cs-component-sectioned-tree-49 {
+    display: flex
+}
+
+.cs-component-sectioned-tree-23,
+.cs-component-sectioned-tree-33 {
+    height: var(--icon-size-lg)
+}
+
+.cs-component-sectioned-tree-55 {
+    height: var(--icon-size-xs)
+}
+
+.cs-component-sectioned-tree-23,
+.cs-component-sectioned-tree-33 {
+    width: var(--icon-size-lg)
+}
+
+.cs-component-sectioned-tree-55 {
+    width: var(--icon-size-xs)
+}
+
+.cs-component-sectioned-tree-56 {
+    flex: 1 1 0%
+}
+
+.cs-component-sectioned-tree-40,
+.cs-component-sectioned-tree-52 {
+    cursor: pointer
+}
+
+.cs-component-sectioned-tree-54 {
+    flex-direction: row-reverse
+}
+
+.cs-component-sectioned-tree-11,
+.cs-component-sectioned-tree-14,
+.cs-component-sectioned-tree-22,
+.cs-component-sectioned-tree-37 {
+    flex-direction: column
+}
+
+.cs-component-sectioned-tree-22,
+.cs-component-sectioned-tree-49 {
+    align-items: center
+}
+
+.cs-component-sectioned-tree-14,
+.cs-component-sectioned-tree-49 {
+    gap: var(--space-1)
+}
+
+.cs-component-sectioned-tree-11,
+.cs-component-sectioned-tree-22 {
+    gap: var(--space-2)
+}
+
+.cs-component-sectioned-tree-40,
+.cs-component-sectioned-tree-52 {
+    border-style: none
+}
+
+.cs-component-sectioned-tree-50 {
+    background-color: var(--card)
+}
+
+.cs-component-sectioned-tree-40 {
+    background-color: transparent
+}
+
+.cs-component-sectioned-tree-40 {
+    padding: 0
+}
+
+.cs-component-sectioned-tree-11 {
+    padding: var(--space-2)
+}
+
+.cs-component-sectioned-tree-22 {
+    padding: var(--space-6)
+}
+
+.cs-component-sectioned-tree-42,
+.cs-component-sectioned-tree-49 {
+    padding-left: var(--space-2);
+    padding-right: var(--space-2)
+}
+
+.cs-component-sectioned-tree-49 {
+    padding-top: var(--space-1);
+    padding-bottom: var(--space-1)
+}
+
+.cs-component-sectioned-tree-42 {
+    padding-bottom: var(--space-1)
+}
+
+.cs-component-sectioned-tree-58 {
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-sectioned-tree-17 {
+    padding-left: var(--space-3)
+}
+
+.cs-component-sectioned-tree-44 {
+    text-align: left
+}
+
+.cs-component-sectioned-tree-22 {
+    text-align: center
+}
+
+.cs-component-sectioned-tree-43,
+.cs-component-sectioned-tree-54 {
+    text-align: right
+}
+
+.cs-component-sectioned-tree-41 {
+    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-sectioned-tree-23 {
+    color: var(--color-error)
+}
+
+.cs-component-sectioned-tree-24 {
+    color: var(--fg)
+}
+
+.cs-component-sectioned-tree-27,
+.cs-component-sectioned-tree-33,
+.cs-component-sectioned-tree-39,
+.cs-component-sectioned-tree-50 {
+    color: var(--muted)
+}
+
+.cs-component-sectioned-tree-24 {
+    font-size: var(--font-size-body)
+}
+
+.cs-component-sectioned-tree-27 {
+    font-size: var(--font-size-caption)
+}
+
+.cs-component-sectioned-tree-39 {
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-sectioned-tree-57 {
+    font-variant-numeric: tabular-nums
+}
+
+.cs-component-sectioned-tree-57 {
+    font-weight: var(--font-weight-regular)
+}
+
+.cs-component-sectioned-tree-41:hover {
+    color: var(--fg)
+}

package/dist/styles/components/segmented-control.css

@@ -0,0 +1,54 @@
+/* segmented-control component styles. */
+.cs-component-segmented-control-1,
+.cs-component-segmented-control-2 {
+    align-items: center
+}
+
+.cs-component-segmented-control-1 {
+    display: flex
+}
+
+.cs-component-segmented-control-2:focus-visible {
+    outline: .125rem solid var(--color-accent);
+    outline-offset: .125rem
+}
+
+.cs-component-segmented-control-1 {
+    background-color: var(--color-bg-muted);
+    border: .0625rem solid var(--border);
+    border-radius: var(--radius-md);
+    display: inline-flex;
+    gap: var(--space-0-5);
+    padding: var(--space-0-5)
+}
+
+.cs-component-segmented-control-2 {
+    background: transparent;
+    border: 0;
+    border-radius: var(--radius-sm);
+    color: var(--muted);
+    cursor: pointer;
+    display: inline-flex;
+    font-size: var(--font-size-label);
+    font-weight: var(--font-weight-semibold);
+    height: 1.75rem;
+    justify-content: center;
+    padding: 0 var(--space-3);
+    white-space: nowrap
+}
+
+.cs-component-segmented-control-3 {
+    background-color: var(--card);
+    box-shadow: var(--shadow-sm);
+    color: var(--fg)
+}
+
+.cs-component-segmented-control-4:hover {
+    background-color: var(--color-bg-muted-hover);
+    color: var(--fg)
+}
+
+.cs-component-segmented-control-5 {
+    cursor: not-allowed;
+    opacity: .5
+}

package/dist/styles/components/skeleton.css

@@ -0,0 +1,21 @@
+.cs-skeleton {
+  animation: cs-skeleton-pulse 1.5s ease-in-out infinite;
+  background: var(--color-bg-subtle);
+  display: inline-block;
+}
+
+.cs-skeleton--circle {
+  display: inline-block;
+}
+
+@keyframes cs-skeleton-pulse {
+  0%, 100% { opacity: .4; }
+  50% { opacity: .8; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cs-skeleton {
+    animation: none;
+    opacity: .6;
+  }
+}