@moduix/react 2.2.0 → 2.2.5

package/dist/components/text/Text.css

@@ -1,87 +0,0 @@
-@layer moduix.components {
-  .j--K1a_root {
-    font-family: var(--moduix-text-font-family, inherit);
-    font-size: var(--moduix-text-font-size-md, var(--moduix-text-md));
-    font-weight: var(--moduix-text-font-weight-regular, var(--moduix-weight-regular));
-    line-height: var(--moduix-text-line-height-md, var(--moduix-line-height-text-md));
-    letter-spacing: var(--moduix-text-letter-spacing, 0);
-    color: var(--moduix-text-default-color, var(--moduix-color-foreground));
-    text-align: start;
-    overflow-wrap: break-word;
-    margin: 0;
-
-    &[data-size="xs"] {
-      font-size: var(--moduix-text-font-size-xs, var(--moduix-text-xs));
-      line-height: var(--moduix-text-line-height-xs, var(--moduix-line-height-text-xs));
-    }
-
-    &[data-size="sm"] {
-      font-size: var(--moduix-text-font-size-sm, var(--moduix-text-sm));
-      line-height: var(--moduix-text-line-height-sm, var(--moduix-line-height-text-sm));
-    }
-
-    &[data-size="lg"] {
-      font-size: var(--moduix-text-font-size-lg, var(--moduix-text-lg));
-      line-height: var(--moduix-text-line-height-lg, var(--moduix-line-height-text-lg));
-    }
-
-    &[data-size="xl"] {
-      font-size: var(--moduix-text-font-size-xl, var(--moduix-text-xl));
-      line-height: var(--moduix-text-line-height-xl, var(--moduix-line-height-text-xl));
-    }
-
-    &[data-weight="medium"] {
-      font-weight: var(--moduix-text-font-weight-medium, var(--moduix-weight-medium));
-    }
-
-    &[data-weight="semibold"] {
-      font-weight: var(--moduix-text-font-weight-semibold, var(--moduix-weight-semibold));
-    }
-
-    &[data-weight="bold"] {
-      font-weight: var(--moduix-text-font-weight-bold, var(--moduix-weight-bold));
-    }
-
-    &[data-tone="muted"] {
-      color: var(--moduix-text-muted-color, var(--moduix-color-muted-foreground));
-    }
-
-    &[data-tone="subtle"] {
-      color: var(--moduix-text-subtle-color, var(--moduix-color-secondary-foreground));
-    }
-
-    &[data-tone="primary"] {
-      color: var(--moduix-text-primary-color, var(--moduix-color-primary));
-    }
-
-    &[data-tone="destructive"] {
-      color: var(--moduix-text-destructive-color, var(--moduix-color-destructive));
-    }
-
-    &[data-align="left"] {
-      text-align: left;
-    }
-
-    &[data-align="center"] {
-      text-align: center;
-    }
-
-    &[data-align="right"] {
-      text-align: right;
-    }
-
-    &[data-truncate] {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    &[data-line-clamp] {
-      white-space: normal;
-      -webkit-line-clamp: var(--moduix-text-line-clamp);
-      -webkit-box-orient: vertical;
-      display: -webkit-box;
-      overflow: hidden;
-    }
-  }
-}

package/dist/components/toggle/Toggle.css

@@ -1,167 +0,0 @@
-@layer moduix.components {
-  .aGZbbW_root {
-    box-sizing: border-box;
-    justify-content: center;
-    align-items: center;
-    gap: var(--moduix-toggle-content-gap, var(--moduix-spacing-2));
-    min-height: var(--moduix-toggle-size-md, var(--moduix-size-md));
-    border-style: solid;
-    border-width: var(--moduix-toggle-border-width, var(--moduix-border-width-sm));
-    border-radius: var(--moduix-toggle-radius, var(--moduix-radius-md));
-    padding-block: var(--moduix-toggle-padding-y-md, var(--moduix-spacing-1));
-    padding-inline: var(--moduix-toggle-padding-x-md, var(--moduix-spacing-4));
-    color: var(--moduix-toggle-color, var(--moduix-color-foreground));
-    appearance: none;
-    font: inherit;
-    font-size: var(--moduix-toggle-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-toggle-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-toggle-line-height, var(--moduix-line-height-text-sm));
-    user-select: none;
-    white-space: nowrap;
-    cursor: pointer;
-    transition: background-color var(--moduix-toggle-transition, var(--moduix-transition-default)),
-      border-color var(--moduix-toggle-transition, var(--moduix-transition-default)),
-      color var(--moduix-toggle-transition, var(--moduix-transition-default)),
-      opacity var(--moduix-toggle-transition, var(--moduix-transition-default));
-    background-color: #0000;
-    border-color: #0000;
-    margin: 0;
-    display: inline-flex;
-
-    &:focus-visible {
-      outline: var(--moduix-toggle-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
-        solid var(--moduix-toggle-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-toggle-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
-    }
-
-    &[data-disabled] {
-      opacity: var(--moduix-toggle-disabled-opacity, var(--moduix-opacity-disabled));
-      cursor: default;
-      pointer-events: none;
-    }
-
-    & :where(svg) {
-      width: var(--moduix-toggle-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-toggle-icon-size, var(--moduix-spacing-4));
-      flex-shrink: 0;
-      display: block;
-    }
-
-    &[data-variant="default"] {
-      border-color: var(--moduix-toggle-default-border-color, var(--moduix-color-secondary));
-      background-color: var(--moduix-toggle-default-bg, var(--moduix-color-secondary));
-      color: var(--moduix-toggle-default-color, var(--moduix-toggle-color, var(--moduix-color-secondary-foreground)));
-
-      @media (hover: hover) {
-        &[data-state="off"]:not([data-disabled]):hover {
-          background-color: var(--moduix-toggle-default-bg-hover, var(--moduix-color-accent));
-        }
-      }
-
-      &[data-state="off"]:not([data-disabled]):active {
-        background-color: var(--moduix-toggle-default-bg-active, var(--moduix-color-accent));
-      }
-
-      &[data-state="on"] {
-        border-color: var(--moduix-toggle-default-border-color-pressed, var(--moduix-color-primary));
-        background-color: var(--moduix-toggle-default-bg-pressed, var(--moduix-color-primary));
-        color: var(--moduix-toggle-default-color-pressed, var(--moduix-color-primary-foreground));
-      }
-    }
-
-    &[data-variant="outline"] {
-      border-color: var(--moduix-toggle-outline-border-color, var(--moduix-color-border));
-      background-color: var(--moduix-toggle-outline-bg, var(--moduix-color-background));
-      color: var(--moduix-toggle-outline-color, var(--moduix-toggle-color, var(--moduix-color-foreground)));
-
-      @media (hover: hover) {
-        &[data-state="off"]:not([data-disabled]):hover {
-          background-color: var(--moduix-toggle-outline-bg-hover, var(--moduix-color-accent));
-        }
-      }
-
-      &[data-state="off"]:not([data-disabled]):active {
-        background-color: var(--moduix-toggle-outline-bg-active, var(--moduix-color-accent));
-      }
-
-      &[data-state="on"] {
-        border-color: var(--moduix-toggle-outline-border-color-pressed, var(--moduix-color-primary));
-        background-color: var(--moduix-toggle-outline-bg-pressed, var(--moduix-color-primary));
-        color: var(--moduix-toggle-outline-color-pressed, var(--moduix-color-primary-foreground));
-      }
-    }
-
-    &[data-variant="ghost"] {
-      border-color: var(--moduix-toggle-ghost-border-color, transparent);
-      background-color: var(--moduix-toggle-ghost-bg, transparent);
-      color: var(--moduix-toggle-ghost-color, var(--moduix-toggle-color, var(--moduix-color-foreground)));
-
-      @media (hover: hover) {
-        &[data-state="off"]:not([data-disabled]):hover {
-          background-color: var(--moduix-toggle-ghost-bg-hover, var(--moduix-color-accent));
-        }
-      }
-
-      &[data-state="off"]:not([data-disabled]):active {
-        background-color: var(--moduix-toggle-ghost-bg-active, var(--moduix-color-accent));
-      }
-
-      &[data-state="on"] {
-        background-color: var(--moduix-toggle-ghost-bg-pressed, var(--moduix-color-accent));
-        color: var(--moduix-toggle-ghost-color-pressed, var(--moduix-color-foreground));
-      }
-    }
-
-    &[data-size="xs"] {
-      min-height: var(--moduix-toggle-size-xs, var(--moduix-size-xs));
-      padding-block: var(--moduix-toggle-padding-y-xs, var(--moduix-spacing-0-5));
-      padding-inline: var(--moduix-toggle-padding-x-xs, var(--moduix-spacing-2-5));
-      font-size: var(--moduix-toggle-font-size-xs, var(--moduix-text-xs));
-      line-height: var(--moduix-toggle-line-height-xs, var(--moduix-line-height-text-xs));
-    }
-
-    &[data-size="sm"] {
-      min-height: var(--moduix-toggle-size-sm, var(--moduix-size-sm));
-      padding-block: var(--moduix-toggle-padding-y-sm, var(--moduix-spacing-1));
-      padding-inline: var(--moduix-toggle-padding-x-sm, var(--moduix-spacing-3));
-    }
-
-    &[data-size="lg"] {
-      min-height: var(--moduix-toggle-size-lg, var(--moduix-size-lg));
-      padding-block: var(--moduix-toggle-padding-y-lg, var(--moduix-spacing-1-5));
-      padding-inline: var(--moduix-toggle-padding-x-lg, var(--moduix-spacing-5));
-      font-size: var(--moduix-toggle-font-size-lg, var(--moduix-text-md));
-      line-height: var(--moduix-toggle-line-height-lg, var(--moduix-line-height-text-md));
-    }
-
-    &[data-size="icon-sm"], &[data-size="icon-md"], &[data-size="icon-lg"] {
-      gap: 0;
-      padding: 0;
-    }
-
-    &[data-size="icon-sm"] {
-      width: var(--moduix-toggle-size-icon-sm, var(--moduix-size-sm));
-      min-width: var(--moduix-toggle-size-icon-sm, var(--moduix-size-sm));
-      height: var(--moduix-toggle-size-icon-sm, var(--moduix-size-sm));
-    }
-
-    &[data-size="icon-md"] {
-      width: var(--moduix-toggle-size-icon-md, var(--moduix-size-md));
-      min-width: var(--moduix-toggle-size-icon-md, var(--moduix-size-md));
-      height: var(--moduix-toggle-size-icon-md, var(--moduix-size-md));
-    }
-
-    &[data-size="icon-lg"] {
-      width: var(--moduix-toggle-size-icon-lg, var(--moduix-size-lg));
-      min-width: var(--moduix-toggle-size-icon-lg, var(--moduix-size-lg));
-      height: var(--moduix-toggle-size-icon-lg, var(--moduix-size-lg));
-    }
-  }
-
-  .aGZbbW_indicator {
-    color: inherit;
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-  }
-}

package/dist/components/toggle-group/ToggleGroup.css

@@ -1,42 +0,0 @@
-@layer moduix.components {
-  .un9nBW_root {
-    box-sizing: border-box;
-    align-items: center;
-    gap: var(--moduix-toggle-group-gap, var(--moduix-border-width-sm));
-    padding: var(--moduix-toggle-group-padding, var(--moduix-border-width-md));
-    border: var(--moduix-toggle-group-border-width, var(--moduix-border-width-sm)) solid
-      var(--moduix-toggle-group-border-color, var(--moduix-color-border));
-    border-radius: var(--moduix-toggle-group-radius, var(--moduix-radius-lg));
-    background-color: var(--moduix-toggle-group-bg, var(--moduix-color-muted));
-    color: var(--moduix-toggle-group-color, var(--moduix-color-foreground));
-    display: inline-flex;
-
-    &[data-orientation="vertical"] {
-      flex-direction: column;
-      align-items: stretch;
-
-      & > .un9nBW_item {
-        justify-content: flex-start;
-        width: 100%;
-      }
-    }
-
-    &[data-variant="ghost"] {
-      --moduix-toggle-group-bg: var(--moduix-toggle-group-ghost-bg, transparent);
-      --moduix-toggle-group-border-color: var(--moduix-toggle-group-ghost-border-color, transparent);
-      --moduix-toggle-group-padding: var(--moduix-toggle-group-ghost-padding, 0);
-    }
-
-    &[data-variant="outline"] {
-      --moduix-toggle-group-bg: var(--moduix-toggle-group-outline-bg, var(--moduix-color-background));
-    }
-  }
-
-  .un9nBW_item {
-    border-radius: var(--moduix-toggle-group-item-radius, var(--moduix-radius-md));
-    --moduix-toggle-default-color: var(--moduix-toggle-group-color, var(--moduix-color-foreground));
-    --moduix-toggle-ghost-color: var(--moduix-toggle-group-color, var(--moduix-color-foreground));
-    --moduix-toggle-outline-color: var(--moduix-toggle-group-color, var(--moduix-color-foreground));
-    flex: none;
-  }
-}

package/dist/components/typeset/Typeset.css

@@ -1,317 +0,0 @@
-@layer moduix.components {
-  ._3-ErqG_root {
-    box-sizing: border-box;
-    color: var(--moduix-color-foreground);
-    font-family: var(--moduix-typeset-font-body, inherit);
-    font-size: calc(var(--moduix-typeset-size, 1em) * 1.125);
-    line-height: var(--moduix-typeset-leading, 1.75);
-    overflow-wrap: break-word;
-  }
-
-  @media (width >= 48rem), print {
-    ._3-ErqG_root {
-      font-size: var(--moduix-typeset-size, 1em);
-    }
-  }
-
-  ._3-ErqG_root {
-    & :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
-      &:where(p) {
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-      }
-
-      &:where(h1, h2, h3, h4, h5, h6) {
-        color: var(--moduix-color-foreground);
-        font-family: var(--moduix-typeset-font-heading, var(--moduix-font-sans));
-        font-weight: var(--moduix-weight-semibold);
-        letter-spacing: -.02em;
-        margin-block-end: 0;
-      }
-
-      &:where(h1) {
-        margin-block-start: var(--moduix-typeset-flow, 1.25em);
-        font-size: 1.75em;
-        line-height: 1.3;
-      }
-
-      &:where(h2) {
-        margin-block-start: calc(var(--moduix-typeset-flow, 1.25em) * 1.4);
-        font-size: 1.25em;
-        line-height: 1.4;
-      }
-
-      &:where(h3) {
-        margin-block-start: var(--moduix-typeset-flow, 1.25em);
-        font-size: 1.125em;
-        line-height: 1.45;
-      }
-
-      &:where(h4) {
-        margin-block-start: var(--moduix-typeset-flow, 1.25em);
-        font-size: 1em;
-        line-height: 1.5;
-      }
-
-      &:where(h5) {
-        color: var(--moduix-color-muted-foreground);
-        font-size: .875em;
-        font-weight: var(--moduix-weight-medium);
-        margin-block-start: calc(var(--moduix-typeset-flow, 1.25em) / .875);
-        line-height: 1.5;
-      }
-
-      &:where(h6) {
-        color: var(--moduix-color-muted-foreground);
-        font-size: .8125em;
-        font-weight: var(--moduix-weight-medium);
-        letter-spacing: .08em;
-        text-transform: uppercase;
-        margin-block-start: calc(var(--moduix-typeset-flow, 1.25em) / .8125);
-        line-height: 1.5;
-      }
-
-      &:where([id]) {
-        scroll-margin-block-start: var(--moduix-typeset-flow, 1.25em);
-      }
-
-      &:where(h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *) {
-        margin-block-start: 1em;
-      }
-
-      &:where(a) {
-        color: var(--moduix-color-primary);
-        text-underline-offset: .15em;
-        text-decoration: underline .08em;
-      }
-
-      &:where(ul, ol) {
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-        padding-inline-start: 1.5em;
-      }
-
-      &:where(ul) {
-        list-style: outside;
-      }
-
-      &:where(ol) {
-        list-style: decimal;
-      }
-
-      &:where(ul ul) {
-        list-style: circle;
-      }
-
-      &:where(ul ul ul) {
-        list-style: square;
-      }
-
-      &:where(ol ol) {
-        list-style: lower-alpha;
-      }
-
-      &:where(ol ol ol) {
-        list-style: lower-roman;
-      }
-
-      &:where(li)::marker {
-        color: var(--moduix-color-muted-foreground);
-        font-weight: var(--moduix-weight-semibold);
-      }
-
-      &:where(li + li) {
-        margin-block-start: .25em;
-      }
-
-      &:where(li > ul, li > ol) {
-        margin-block-start: .5em;
-      }
-
-      &:where(ul.contains-task-list) {
-        padding-inline-start: .25em;
-        list-style: none;
-      }
-
-      &:where(li.task-list-item > input[type="checkbox"]) {
-        vertical-align: -.1em;
-        accent-color: var(--moduix-color-primary);
-        margin-inline-end: .5em;
-      }
-
-      &:where(blockquote) {
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-        border-inline-start: var(--moduix-border-width-md) solid var(--moduix-color-border);
-        color: var(--moduix-color-muted-foreground);
-        margin-inline: 0;
-        padding-inline-start: 1em;
-      }
-
-      &:where(:not(pre) > code) {
-        border-radius: var(--moduix-radius-sm);
-        background: var(--moduix-color-muted);
-        color: var(--moduix-color-foreground);
-        font-family: var(--moduix-typeset-font-mono, var(--moduix-font-mono));
-        padding: .1em .3em;
-        font-size: .875em;
-      }
-
-      &:where(pre) {
-        max-width: 100%;
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-        border: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-        border-radius: var(--moduix-radius-md);
-        background: var(--moduix-color-muted);
-        color: var(--moduix-color-foreground);
-        font-family: var(--moduix-typeset-font-mono, var(--moduix-font-mono));
-        padding: 1em;
-        font-size: .875em;
-        line-height: 1.6;
-        overflow-x: auto;
-      }
-
-      &:where(pre > code) {
-        color: inherit;
-        font: inherit;
-        background: none;
-        border-radius: 0;
-        padding: 0;
-      }
-
-      &:where(hr) {
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-        border: 0;
-        border-block-start: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-      }
-
-      &:where(table) {
-        width: 100%;
-        max-width: 100%;
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-        border-collapse: separate;
-        border-spacing: 0;
-        border-block-end: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-        font-variant-numeric: tabular-nums;
-        font-size: 1em;
-        line-height: 1.5;
-      }
-
-      &:where(thead th) {
-        font-weight: var(--moduix-weight-medium);
-        text-align: start;
-        white-space: nowrap;
-        padding: .65em 1em;
-      }
-
-      &:where(:is(tbody, tfoot) :is(td, th)) {
-        border-block-start: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-        text-align: start;
-        vertical-align: top;
-        padding: .75em 1em;
-      }
-
-      &:where(tbody th, tfoot th) {
-        font-weight: var(--moduix-weight-medium);
-      }
-
-      &:where(th:first-child, td:first-child) {
-        padding-inline-start: 0;
-      }
-
-      &:where(th[align="center"], td[align="center"]) {
-        text-align: center;
-      }
-
-      &:where(th[align="right"], td[align="right"]) {
-        text-align: end;
-      }
-
-      &:where(img, video) {
-        max-width: 100%;
-        height: auto;
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-        border-radius: var(--moduix-radius-md);
-        display: block;
-      }
-
-      &:where(p img) {
-        margin-block-start: 0;
-      }
-
-      &:where(figure) {
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-        margin-inline: 0;
-      }
-
-      &:where(figcaption, caption) {
-        color: var(--moduix-color-muted-foreground);
-        text-align: center;
-        margin-block-start: .75em;
-        font-size: .875em;
-      }
-
-      &:where(caption) {
-        caption-side: bottom;
-      }
-
-      &:where(details) {
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-      }
-
-      &:where(summary) {
-        cursor: pointer;
-        font-weight: var(--moduix-weight-medium);
-      }
-
-      &:where(summary)::marker {
-        color: var(--moduix-color-muted-foreground);
-      }
-
-      &:where(dl) {
-        margin-block: var(--moduix-typeset-flow, 1.25em) 0;
-      }
-
-      &:where(dt) {
-        font-weight: var(--moduix-weight-medium);
-        margin-block-start: 1em;
-      }
-
-      &:where(dt + dt) {
-        margin-block-start: .25em;
-      }
-
-      &:where(dd) {
-        color: var(--moduix-color-muted-foreground);
-        margin-block-start: .25em;
-        margin-inline-start: 0;
-        padding-inline-start: 1em;
-      }
-
-      &:where(.footnotes, [data-footnotes]) {
-        margin-block: calc(var(--moduix-typeset-flow, 1.25em) * 2) 0;
-        border-block-start: var(--moduix-border-width-sm) solid var(--moduix-color-border);
-        color: var(--moduix-color-muted-foreground);
-        padding-block-start: var(--moduix-typeset-flow, 1.25em);
-        font-size: .875em;
-      }
-    }
-  }
-
-  ._3-ErqG_root > :where(:first-child):not(:where(.not-typeset, [data-not-typeset])), ._3-ErqG_root :where(li > :first-child, blockquote > :first-child, td > :first-child, th > :first-child, dd > :first-child, figure > :first-child, figure > picture > img):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)) {
-    margin-block-start: 0;
-  }
-
-  ._3-ErqG_scroll {
-    max-width: 100%;
-    overscroll-behavior-inline: contain;
-    margin-block-start: var(--moduix-typeset-flow, 1.25em);
-    overflow-x: auto;
-  }
-
-  ._3-ErqG_root > ._3-ErqG_scroll:first-child, ._3-ErqG_root ._3-ErqG_scroll > * {
-    margin-block-start: 0;
-  }
-
-  ._3-ErqG_root ._3-ErqG_scroll table {
-    width: max-content;
-    max-width: none;
-  }
-}