@moduix/react 2.1.0 → 2.2.4

package/dist/components/sidebar/Sidebar.css

@@ -1,479 +0,0 @@
-@layer ui.components {
-  ._3sukta_root {
-    --splitter-width: var(--sidebar-width, 100%);
-    --splitter-height: var(--sidebar-height, 100dvh);
-    --splitter-min-height: var(--sidebar-min-height, 24rem);
-    --splitter-border-color: var(--sidebar-border-color, var(--color-border));
-    --splitter-border-width: var(--sidebar-border-width, var(--border-width-sm));
-    --splitter-radius: var(--sidebar-radius, 0);
-    --splitter-shadow: var(--sidebar-shadow, none);
-    --splitter-bg: var(--sidebar-inset-bg, var(--color-background));
-    --splitter-panel-padding: 0;
-    --splitter-panel-min-height: 0;
-    --splitter-resize-trigger-line-color: var(--sidebar-border-color, var(--color-border));
-    --splitter-resize-trigger-size: var(--sidebar-resize-hit-area, var(--spacing-3));
-    isolation: isolate;
-  }
-
-  ._3sukta_panel {
-    background-color: var(--sidebar-bg, var(--color-card));
-    color: var(--sidebar-color, var(--color-card-foreground));
-    transition: background-color var(--sidebar-transition, var(--transition-default)),
-      color var(--sidebar-transition, var(--transition-default));
-    flex-direction: column;
-    display: flex;
-    position: relative;
-    overflow: hidden;
-
-    &[data-state="collapsed"] {
-      & ._3sukta_header, & ._3sukta_footer, & ._3sukta_group {
-        padding-inline: var(--sidebar-collapsed-padding-x, var(--spacing-1));
-      }
-
-      & ._3sukta_header, & ._3sukta_footer {
-        justify-content: center;
-      }
-
-      & ._3sukta_content {
-        scrollbar-gutter: auto;
-        scrollbar-width: none;
-        overflow: hidden auto;
-      }
-
-      & ._3sukta_label, & ._3sukta_groupLabel {
-        white-space: nowrap;
-        clip-path: inset(50%);
-        border: 0;
-        width: 1px;
-        height: 1px;
-        margin: -1px;
-        padding: 0;
-        position: absolute;
-        overflow: hidden;
-      }
-
-      & ._3sukta_menuSub, & ._3sukta_groupAction, & ._3sukta_menuAction, & ._3sukta_menuBadge {
-        display: none;
-      }
-
-      & ._3sukta_menuButton {
-        width: var(--sidebar-collapsed-item-size, var(--size-md));
-        min-height: var(--sidebar-collapsed-item-size, var(--size-md));
-        box-shadow: none;
-        background-color: #0000;
-        border-color: #0000;
-        justify-content: center;
-        margin-inline: auto;
-        padding-inline: 0;
-
-        & > :not(svg):not([data-sidebar-icon]):not([data-slot="sidebar-label"]) {
-          display: none;
-        }
-
-        & > svg, & > [data-sidebar-icon] {
-          margin-inline: auto;
-        }
-
-        @media (hover: hover) {
-          &:hover {
-            background-color: #0000;
-          }
-        }
-      }
-    }
-  }
-
-  ._3sukta_inset {
-    background-color: var(--sidebar-inset-bg, var(--color-background));
-    min-width: 0;
-    color: var(--sidebar-inset-color, var(--color-foreground));
-    position: relative;
-    overflow: auto;
-  }
-
-  ._3sukta_resizeTrigger {
-    z-index: 2;
-  }
-
-  ._3sukta_trigger {
-    box-sizing: border-box;
-    width: var(--sidebar-trigger-size, var(--spacing-7));
-    min-width: var(--sidebar-trigger-size, var(--spacing-7));
-    height: var(--sidebar-trigger-size, var(--spacing-7));
-    border-radius: var(--sidebar-trigger-radius, var(--radius-full));
-    color: var(--sidebar-muted-color, var(--color-muted-foreground));
-    appearance: none;
-    cursor: pointer;
-    transition: background-color var(--sidebar-transition, var(--transition-default)),
-      color var(--sidebar-transition, var(--transition-default)),
-      box-shadow var(--sidebar-transition, var(--transition-default));
-    background-color: #0000;
-    border: 0;
-    flex: none;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    display: inline-flex;
-
-    & > svg {
-      width: var(--sidebar-icon-size, var(--spacing-4));
-      height: var(--sidebar-icon-size, var(--spacing-4));
-    }
-
-    &:focus-visible {
-      outline: var(--sidebar-focus-ring-width, var(--focus-ring-width, var(--border-width-md)))
-        solid var(--sidebar-focus-ring-color, var(--color-ring));
-      outline-offset: var(--sidebar-focus-ring-offset, var(--focus-ring-offset));
-    }
-
-    &:disabled, &[aria-disabled="true"] {
-      opacity: var(--sidebar-disabled-opacity, var(--opacity-disabled));
-      pointer-events: none;
-    }
-
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--sidebar-accent-bg, var(--color-accent));
-        color: var(--sidebar-accent-color, var(--color-accent-foreground));
-      }
-    }
-  }
-
-  ._3sukta_trigger {
-    z-index: 4;
-    margin-block-start: var(--sidebar-trigger-offset-y, var(--spacing-4));
-    margin-inline: calc(var(--sidebar-trigger-size, var(--spacing-7)) * -.5);
-    border: var(--sidebar-trigger-border-width, var(--border-width-sm)) solid
-      var(--sidebar-trigger-border-color, var(--color-border));
-    border-radius: var(--sidebar-trigger-radius, var(--radius-full));
-    background-color: var(--sidebar-trigger-bg, var(--color-background));
-    box-shadow: var(--sidebar-trigger-shadow, var(--shadow-sm));
-    align-self: flex-start;
-    position: relative;
-
-    &[data-side="left"][data-state="collapsed"] > svg, &[data-side="right"][data-state="expanded"] > svg {
-      transform: rotate(180deg);
-    }
-
-    & > svg {
-      transition: transform var(--sidebar-transition, var(--transition-default));
-    }
-  }
-
-  ._3sukta_label {
-    min-width: 0;
-  }
-
-  ._3sukta_header, ._3sukta_footer {
-    align-items: center;
-    gap: var(--sidebar-gap, var(--spacing-2));
-    padding: var(--sidebar-header-footer-padding, var(--spacing-3));
-    flex: none;
-    display: flex;
-  }
-
-  ._3sukta_header {
-    border-block-end: var(--sidebar-section-border-width, 0) solid
-      var(--sidebar-border-color, var(--color-border));
-  }
-
-  ._3sukta_footer {
-    border-block-start: var(--sidebar-section-border-width, 0) solid
-      var(--sidebar-border-color, var(--color-border));
-  }
-
-  ._3sukta_content {
-    overscroll-behavior: contain;
-    scrollbar-gutter: stable;
-    flex-direction: column;
-    flex: auto;
-    min-height: 0;
-    display: flex;
-    overflow: auto;
-  }
-
-  ._3sukta_group {
-    gap: var(--sidebar-group-gap, var(--spacing-1));
-    padding: var(--sidebar-group-padding, var(--spacing-3));
-    flex-direction: column;
-    display: flex;
-  }
-
-  ._3sukta_groupLabel {
-    min-width: 0;
-    padding-inline: var(--sidebar-group-label-padding-x, var(--spacing-2));
-    color: var(--sidebar-muted-color, var(--color-muted-foreground));
-    font-size: var(--sidebar-group-label-font-size, var(--text-xs));
-    font-weight: var(--sidebar-group-label-font-weight, var(--weight-medium));
-    line-height: var(--sidebar-group-label-line-height, var(--line-height-text-xs));
-    text-transform: var(--sidebar-group-label-text-transform, none);
-    margin: 0;
-  }
-
-  ._3sukta_groupAction {
-    width: var(--sidebar-group-action-size, var(--size-xs));
-    height: var(--sidebar-group-action-size, var(--size-xs));
-    border-radius: var(--sidebar-menu-button-radius, var(--radius-md));
-    color: var(--sidebar-muted-color, var(--color-muted-foreground));
-    appearance: none;
-    cursor: pointer;
-    transition: background-color var(--sidebar-transition, var(--transition-default)),
-      color var(--sidebar-transition, var(--transition-default));
-    background-color: #0000;
-    border: 0;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    display: inline-flex;
-
-    & > svg {
-      width: var(--sidebar-icon-size, var(--spacing-4));
-      height: var(--sidebar-icon-size, var(--spacing-4));
-    }
-
-    &:focus-visible {
-      outline: var(--sidebar-focus-ring-width, var(--focus-ring-width, var(--border-width-md)))
-        solid var(--sidebar-focus-ring-color, var(--color-ring));
-      outline-offset: var(--sidebar-focus-ring-offset, var(--focus-ring-offset));
-    }
-
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--sidebar-accent-bg, var(--color-accent));
-        color: var(--sidebar-accent-color, var(--color-accent-foreground));
-      }
-    }
-  }
-
-  ._3sukta_group:has(._3sukta_groupAction) {
-    column-gap: var(--sidebar-gap, var(--spacing-2));
-    row-gap: var(--sidebar-group-gap, var(--spacing-1));
-    grid-template-columns: minmax(0, 1fr) auto;
-    display: grid;
-  }
-
-  ._3sukta_group:has(._3sukta_groupAction) ._3sukta_groupLabel {
-    grid-column: 1;
-  }
-
-  ._3sukta_group:has(._3sukta_groupAction) ._3sukta_groupAction {
-    grid-column: 2;
-    align-self: center;
-  }
-
-  ._3sukta_groupContent {
-    width: 100%;
-    min-width: 0;
-  }
-
-  ._3sukta_group:has(._3sukta_groupAction) ._3sukta_groupContent {
-    grid-column: 1 / -1;
-  }
-
-  ._3sukta_menu, ._3sukta_menuSub {
-    gap: var(--sidebar-menu-gap, var(--spacing-1));
-    flex-direction: column;
-    width: 100%;
-    min-width: 0;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: flex;
-  }
-
-  ._3sukta_menuItem, ._3sukta_menuSubItem {
-    min-width: 0;
-    position: relative;
-  }
-
-  ._3sukta_menuButton, ._3sukta_menuSubButton {
-    box-sizing: border-box;
-    border: var(--sidebar-menu-button-border-width, 0) solid transparent;
-    border-radius: var(--sidebar-menu-button-radius, var(--radius-md));
-    width: 100%;
-    min-width: 0;
-    color: var(--sidebar-color, var(--color-card-foreground));
-    appearance: none;
-    font: inherit;
-    text-align: start;
-    cursor: pointer;
-    transition: background-color var(--sidebar-transition, var(--transition-default)),
-      border-color var(--sidebar-transition, var(--transition-default)),
-      color var(--sidebar-transition, var(--transition-default)),
-      box-shadow var(--sidebar-transition, var(--transition-default));
-    background-color: #0000;
-    align-items: center;
-    text-decoration: none;
-    display: flex;
-
-    & > svg {
-      width: var(--sidebar-icon-size, var(--spacing-4));
-      height: var(--sidebar-icon-size, var(--spacing-4));
-      flex: none;
-    }
-
-    & > [data-sidebar-icon] {
-      flex: none;
-    }
-
-    & > span:last-child {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      min-width: 0;
-      overflow: hidden;
-    }
-
-    &:focus-visible {
-      outline: var(--sidebar-focus-ring-width, var(--focus-ring-width, var(--border-width-md)))
-        solid var(--sidebar-focus-ring-color, var(--color-ring));
-      outline-offset: var(--sidebar-focus-ring-offset, var(--focus-ring-offset));
-    }
-
-    &:disabled, &[aria-disabled="true"] {
-      opacity: var(--sidebar-disabled-opacity, var(--opacity-disabled));
-      pointer-events: none;
-    }
-
-    &[data-active] {
-      background-color: var(--sidebar-accent-bg, var(--color-accent));
-      color: var(--sidebar-accent-color, var(--color-accent-foreground));
-      font-weight: var(--sidebar-active-font-weight, var(--weight-medium));
-    }
-
-    @media (hover: hover) {
-      &:hover:not(:disabled, [aria-disabled="true"]) {
-        background-color: var(--sidebar-accent-bg, var(--color-accent));
-        color: var(--sidebar-accent-color, var(--color-accent-foreground));
-      }
-    }
-  }
-
-  ._3sukta_menuButton {
-    gap: var(--sidebar-menu-button-gap, var(--spacing-2));
-    min-height: var(--sidebar-menu-button-height, var(--size-md));
-    padding-block: var(--sidebar-menu-button-padding-y, var(--spacing-1));
-    padding-inline: var(--sidebar-menu-button-padding-x, var(--spacing-2));
-    font-size: var(--sidebar-menu-button-font-size, var(--text-sm));
-    line-height: var(--sidebar-menu-button-line-height, var(--line-height-text-sm));
-
-    &[data-size="sm"] {
-      min-height: var(--sidebar-menu-button-height-sm, var(--size-sm));
-      font-size: var(--sidebar-menu-button-font-size-sm, var(--text-xs));
-    }
-
-    &[data-size="lg"] {
-      min-height: var(--sidebar-menu-button-height-lg, var(--size-lg));
-    }
-
-    & > [data-slot="collapsible-indicator"], & > [data-slot="menu-indicator"] {
-      margin-inline-start: auto;
-    }
-  }
-
-  ._3sukta_panel ._3sukta_menuButton {
-    justify-content: flex-start;
-  }
-
-  ._3sukta_menuAction {
-    z-index: 1;
-    width: var(--sidebar-menu-action-size, var(--size-xs));
-    height: var(--sidebar-menu-action-size, var(--size-xs));
-    border-radius: var(--sidebar-menu-button-radius, var(--radius-md));
-    color: var(--sidebar-muted-color, var(--color-muted-foreground));
-    appearance: none;
-    cursor: pointer;
-    transition: background-color var(--sidebar-transition, var(--transition-default)),
-      color var(--sidebar-transition, var(--transition-default));
-    background-color: #0000;
-    border: 0;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    display: inline-flex;
-    position: absolute;
-    inset-block-start: calc((var(--sidebar-menu-button-height, var(--size-md)) -
-          var(--sidebar-menu-action-size, var(--size-xs))) /
-        2);
-    inset-inline-end: var(--sidebar-menu-button-padding-x, var(--spacing-2));
-
-    & > svg {
-      width: var(--sidebar-icon-size, var(--spacing-4));
-      height: var(--sidebar-icon-size, var(--spacing-4));
-    }
-
-    &:focus-visible {
-      outline: var(--sidebar-focus-ring-width, var(--focus-ring-width, var(--border-width-md)))
-        solid var(--sidebar-focus-ring-color, var(--color-ring));
-      outline-offset: var(--sidebar-focus-ring-offset, var(--focus-ring-offset));
-    }
-
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--sidebar-accent-bg, var(--color-accent));
-        color: var(--sidebar-accent-color, var(--color-accent-foreground));
-      }
-    }
-  }
-
-  ._3sukta_menuBadge {
-    z-index: 1;
-    min-width: var(--sidebar-menu-badge-min-width, 1.5rem);
-    min-height: var(--sidebar-menu-badge-min-width, 1.5rem);
-    padding-inline: var(--sidebar-menu-badge-padding-x, var(--spacing-1));
-    border-radius: var(--radius-full);
-    background-color: var(--sidebar-accent-bg, var(--color-accent));
-    color: var(--sidebar-accent-color, var(--color-accent-foreground));
-    font-size: var(--text-xs);
-    font-variant-numeric: tabular-nums;
-    justify-content: center;
-    align-items: center;
-    line-height: 1;
-    display: inline-flex;
-    position: absolute;
-    inset-block-start: calc((var(--sidebar-menu-button-height, var(--size-md)) -
-          var(--sidebar-menu-badge-min-width, 1.5rem)) /
-        2);
-    inset-inline-end: var(--sidebar-menu-button-padding-x, var(--spacing-2));
-  }
-
-  ._3sukta_menuItem:has(._3sukta_menuAction) ._3sukta_menuButton, ._3sukta_menuItem:has(._3sukta_menuBadge) ._3sukta_menuButton {
-    padding-inline-end: calc(var(--sidebar-menu-action-size, var(--size-xs)) +
-        var(--sidebar-menu-button-padding-x, var(--spacing-2)) * 2);
-  }
-
-  ._3sukta_panel[data-state="collapsed"] ._3sukta_menuItem:has(._3sukta_menuAction) ._3sukta_menuButton, ._3sukta_panel[data-state="collapsed"] ._3sukta_menuItem:has(._3sukta_menuBadge) ._3sukta_menuButton {
-    padding-inline-end: 0;
-  }
-
-  ._3sukta_menuSub {
-    box-sizing: border-box;
-    width: auto;
-    border-inline-start: var(--sidebar-menu-sub-border-width, var(--border-width-sm)) solid
-      var(--sidebar-border-color, var(--color-border));
-    margin-block-start: var(--sidebar-menu-sub-margin-y, var(--spacing-1));
-    margin-inline-start: var(--sidebar-menu-sub-margin-x, var(--spacing-4));
-    padding-inline-start: var(--sidebar-menu-sub-padding-x, var(--spacing-2));
-  }
-
-  ._3sukta_menuSubButton {
-    gap: var(--sidebar-menu-sub-button-gap, var(--spacing-2));
-    min-height: var(--sidebar-menu-sub-button-height, var(--size-sm));
-    padding-inline: var(--sidebar-menu-sub-button-padding-x, var(--spacing-2));
-    font-size: var(--sidebar-menu-sub-button-font-size, var(--text-sm));
-    line-height: var(--sidebar-menu-sub-button-line-height, var(--line-height-text-sm));
-  }
-
-  ._3sukta_input {
-    width: 100%;
-  }
-
-  ._3sukta_separator {
-    --separator-color: var(--sidebar-border-color, var(--color-border));
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    ._3sukta_panel, ._3sukta_trigger, ._3sukta_groupAction, ._3sukta_menuButton, ._3sukta_menuAction, ._3sukta_menuSubButton {
-      transition: none;
-    }
-  }
-}

package/dist/components/signature-pad/SignaturePad.css

@@ -1,95 +0,0 @@
-@layer ui.components {
-  ._wse8a_root {
-    box-sizing: border-box;
-    gap: var(--signature-pad-gap, var(--spacing-2));
-    width: var(--signature-pad-width, 17.5rem);
-    max-width: var(--signature-pad-max-width, 100%);
-    color: var(--signature-pad-color, var(--color-foreground));
-    flex-direction: column;
-    display: inline-flex;
-
-    &[data-disabled] {
-      opacity: var(--signature-pad-disabled-opacity, var(--opacity-disabled));
-    }
-  }
-
-  ._wse8a_label {
-    color: var(--signature-pad-label-color, var(--color-foreground));
-    font-size: var(--signature-pad-label-font-size, var(--text-sm));
-    font-weight: var(--signature-pad-label-font-weight, var(--weight-medium));
-    line-height: var(--signature-pad-label-line-height, var(--line-height-text-sm));
-    user-select: none;
-
-    &[data-disabled] {
-      opacity: var(--signature-pad-disabled-opacity, var(--opacity-disabled));
-    }
-  }
-
-  ._wse8a_control {
-    box-sizing: border-box;
-    width: var(--signature-pad-control-width, 100%);
-    min-width: var(--signature-pad-control-min-width, 0);
-    height: var(--signature-pad-control-height, var(--signature-pad-height, 10rem));
-    min-height: var(--signature-pad-control-min-height, 10rem);
-    border: var(--signature-pad-border-width, var(--border-width-sm)) solid
-      var(--signature-pad-border-color, var(--color-border));
-    border-radius: var(--signature-pad-radius, var(--radius-md));
-    background-color: var(--signature-pad-bg, var(--color-background));
-    color: var(--signature-pad-stroke-color, var(--color-foreground));
-    box-shadow: var(--signature-pad-shadow, var(--shadow-sm));
-    transition: border-color var(--signature-pad-transition, var(--transition-default)),
-      box-shadow var(--signature-pad-transition, var(--transition-default)),
-      opacity var(--signature-pad-transition, var(--transition-default));
-    outline: none;
-    overflow: hidden;
-
-    &[data-disabled] {
-      cursor: not-allowed;
-    }
-
-    &:focus-visible {
-      border-color: var(--signature-pad-focus-border-color, var(--color-ring));
-      box-shadow: 0 0 0
-        var(--signature-pad-focus-ring-width, var(--focus-ring-width, var(--border-width-md)))
-        var(--signature-pad-focus-ring-color, var(--color-ring));
-    }
-  }
-
-  ._wse8a_segment {
-    fill: var(--signature-pad-stroke-color, currentColor);
-  }
-
-  ._wse8a_guide {
-    inset-inline-end: var(--signature-pad-guide-inset-x, var(--spacing-6));
-    bottom: var(--signature-pad-guide-bottom, var(--spacing-8));
-    border-bottom: var(--signature-pad-guide-border-width, var(--border-width-sm)) dashed
-      var(--signature-pad-guide-color, var(--color-border));
-    pointer-events: none;
-    position: absolute;
-    inset-inline-start: var(--signature-pad-guide-inset-x, var(--spacing-6));
-
-    &[data-disabled] {
-      opacity: var(--signature-pad-disabled-opacity, var(--opacity-disabled));
-    }
-  }
-
-  ._wse8a_clearTrigger {
-    top: var(--signature-pad-clear-trigger-offset, var(--spacing-2));
-    border: var(--signature-pad-clear-trigger-border-width, 0) solid
-      var(--signature-pad-clear-trigger-border-color, transparent);
-    --close-button-size: var(--signature-pad-clear-trigger-size, var(--size-md));
-    --close-button-radius: var(--signature-pad-clear-trigger-radius, var(--radius-sm));
-    --close-button-bg: var(--signature-pad-clear-trigger-bg, transparent);
-    --close-button-bg-hover: var(--signature-pad-clear-trigger-bg-hover, var(--color-accent));
-    --close-button-color: var(--signature-pad-clear-trigger-color, var(--color-muted-foreground));
-    --close-button-color-hover: var(--signature-pad-clear-trigger-color-hover, var(--color-foreground));
-    --close-button-icon-size: var(--signature-pad-clear-trigger-icon-size, var(--spacing-4));
-    --close-button-transition: var(--signature-pad-transition, var(--transition-default));
-    --close-button-focus-ring-width: var(--signature-pad-clear-trigger-focus-ring-width, var(--focus-ring-width, var(--border-width-md)));
-    --close-button-focus-ring-color: var(--signature-pad-clear-trigger-focus-ring-color, var(--color-ring));
-    --close-button-focus-ring-offset: var(--signature-pad-clear-trigger-focus-ring-offset, var(--spacing-1));
-    --close-button-disabled-opacity: var(--signature-pad-disabled-opacity, var(--opacity-disabled));
-    position: absolute;
-    inset-inline-end: var(--signature-pad-clear-trigger-offset, var(--spacing-2));
-  }
-}

package/dist/components/skeleton/Skeleton.css

@@ -1,29 +0,0 @@
-@layer ui.components {
-  .ahClzq_root {
-    border-radius: var(--skeleton-border-radius, var(--radius-md));
-    width: 100%;
-    display: block;
-    overflow: hidden;
-
-    &[data-state="loading"] {
-      height: var(--skeleton-height, var(--spacing-4));
-      animation: var(--skeleton-animation, var(--animation-pulse));
-      background: var(--skeleton-bg, color-mix(in oklab, var(--color-muted-foreground) 18%, var(--color-background)));
-      color: #0000;
-      pointer-events: none;
-      user-select: none;
-
-      & > * {
-        visibility: hidden;
-      }
-
-      &[data-variant="none"] {
-        animation: none;
-      }
-
-      @media (prefers-reduced-motion: reduce) {
-        animation: none;
-      }
-    }
-  }
-}