@moduix/solid-tailwind 1.0.0

package/dist/components/typeset/Typeset_module.css

@@ -0,0 +1,466 @@
+@layer base {
+  .root-DaHOOi {
+    --moduix-typeset-font-body: inherit;
+    --moduix-typeset-font-heading: var(--moduix-font-sans);
+    --moduix-typeset-font-mono: var(--moduix-font-mono);
+    --moduix-typeset-size: 1em;
+    --moduix-typeset-leading: 1.75;
+    --moduix-typeset-flow: 1.25em;
+  }
+}
+
+@layer components {
+  .root-DaHOOi {
+    font-family: var(--moduix-typeset-font-body);
+    font-size: calc(var(--moduix-typeset-size) * 1.125);
+    line-height: var(--moduix-typeset-leading);
+    color: var(--moduix-color-foreground, currentColor);
+    overflow-wrap: break-word;
+    margin-trim: block-start;
+  }
+
+  @media (width >= 48rem), print {
+    .root-DaHOOi {
+      font-size: var(--moduix-typeset-size);
+    }
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(p) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1, h2, h3, h4, h5, h6) {
+    color: var(--moduix-color-foreground, currentColor);
+    font-family: var(--moduix-typeset-font-heading);
+    margin-block-end: 0;
+    font-weight: 600;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1) {
+    margin-block-start: var(--moduix-typeset-flow);
+    font-size: 1.75em;
+    line-height: 1.3;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h2) {
+    margin-block-start: calc(var(--moduix-typeset-flow) * 1.4);
+    font-size: 1.25em;
+    line-height: 1.4;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h3) {
+    margin-block-start: var(--moduix-typeset-flow);
+    font-size: 1.125em;
+    line-height: 1.45;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h4) {
+    margin-block-start: var(--moduix-typeset-flow);
+    font-size: 1em;
+    line-height: 1.5;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h5) {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) / .875);
+    font-size: .875em;
+    font-weight: 500;
+    line-height: 1.5;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h6) {
+    letter-spacing: .08em;
+    text-transform: uppercase;
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) / .8125);
+    font-size: .8125em;
+    font-weight: 500;
+    line-height: 1.5;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where([id]) {
+    scroll-margin-block-start: var(--moduix-typeset-flow);
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *) {
+    margin-block-start: 1em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(h1, h2, h3, h4) :is(code)) {
+    font-size: .9em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a) {
+    color: inherit;
+    text-decoration-line: underline;
+    -webkit-text-decoration-color: color-mix(in oklab, currentColor 30%, transparent);
+    text-decoration-color: color-mix(in oklab, currentColor 30%, transparent);
+    font-weight: 500;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a:hover) {
+    text-decoration-color: currentColor;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a:focus-visible) {
+    outline: 2px solid var(--moduix-color-ring, currentColor);
+    outline-offset: 2px;
+    border-radius: .125em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(h1, h2, h3, h4, h5, h6) :is(a)) {
+    font-weight: inherit;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(strong, b), .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(h1, h2, h3, h4) :is(strong, b)) {
+    font-weight: 600;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(mark) {
+    color: inherit;
+    background-color: #f4ce2366;
+    background-color: lab(84.3279% 2.77337 79.232 / .4);
+    border-radius: .2em;
+    padding: .05em .15em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(abbr[title]) {
+    text-underline-offset: .2em;
+    cursor: help;
+    text-decoration-line: underline;
+    text-decoration-style: dotted;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(del, s) {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    text-decoration-line: line-through;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sup, sub) {
+    vertical-align: baseline;
+    font-size: .75em;
+    line-height: 0;
+    position: relative;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sup) {
+    top: -.5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sub) {
+    bottom: -.25em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(sup a) {
+    font-weight: 500;
+    text-decoration-line: none;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul) {
+    list-style-type: disc;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol) {
+    list-style-type: decimal;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul ul) {
+    list-style-type: circle;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul ul ul) {
+    list-style-type: square;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="a" i]) {
+    list-style-type: lower-alpha;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="i" i]) {
+    list-style-type: lower-roman;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="A" s]) {
+    list-style-type: upper-alpha;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol[type="I" s]) {
+    list-style-type: upper-roman;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul, ol) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    padding-inline-start: 1.5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li) {
+    margin-block-start: .5em;
+    padding-inline-start: .4em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li > p, li > ul, li > ol) {
+    margin-block-start: .5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul > li)::marker {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ol > li)::marker {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(ul.contains-task-list) {
+    padding-inline-start: .25em;
+    list-style-type: none;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li.task-list-item > input[type="checkbox"]) {
+    vertical-align: -.1em;
+    accent-color: var(--moduix-color-primary, currentColor);
+    margin-inline-end: .5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(details) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(summary) {
+    cursor: pointer;
+    font-weight: 500;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(summary)::marker {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(kbd) {
+    border: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    border-radius: min(calc(var(--moduix-radius-md, .5em) * .6), .35em);
+    border-block-end-width: 2px;
+    padding: .0625em .35em;
+    font-family: inherit;
+    font-size: .85em;
+    font-weight: 500;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dl) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dt) {
+    margin-block-start: 1em;
+    font-weight: 500;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dt + dt) {
+    margin-block-start: .25em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(dd) {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: .25em;
+    margin-inline-start: 0;
+    padding-inline-start: 1em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:not(pre) > code) {
+    background-color: var(--moduix-color-muted, color-mix(in oklab, currentColor 8%, transparent));
+    font-family: var(--moduix-typeset-font-mono);
+    border-radius: min(calc(var(--moduix-radius-md, .5em) * .6), .35em);
+    padding: .125em .3em;
+    font-size: .85em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre) {
+    background-color: var(--moduix-color-muted, color-mix(in oklab, currentColor 8%, transparent));
+    font-family: var(--moduix-typeset-font-mono);
+    tab-size: 2;
+    border-radius: var(--moduix-radius-md, .5em);
+    direction: ltr;
+    margin-block-start: calc(var(--moduix-typeset-flow) / .875);
+    margin-block-end: 0;
+    padding: .75em 1em;
+    font-size: .875em;
+    line-height: 1.5;
+    overflow-x: auto;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre code) {
+    font-family: inherit;
+    font-size: inherit;
+    background-color: #0000;
+    border-radius: 0;
+    padding: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(blockquote) {
+    border-inline-start: 2px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    margin-inline: 0;
+    padding-inline-start: 1em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(hr) {
+    border: 0;
+    border-block-start: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) * 2.4);
+    margin-block-end: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(hr + h1, hr + h2, hr + h3, hr + h4) {
+    margin-block-start: var(--moduix-typeset-flow);
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.footnotes, [data-footnotes]) {
+    border-block-start: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    margin-block-start: calc(var(--moduix-typeset-flow) * 2);
+    padding-block-start: var(--moduix-typeset-flow);
+    font-size: .875em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(math[display="block"]) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    padding-block: .25em;
+    overflow: auto hidden;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(img, video) {
+    border-radius: var(--moduix-radius-md, .5em);
+    max-width: 100%;
+    height: auto;
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(p img) {
+    margin-block-start: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(figure) {
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    margin-inline: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(figcaption, caption) {
+    color: var(--moduix-color-muted-foreground, color-mix(in oklab, currentColor 60%, transparent));
+    text-align: center;
+    margin-block-start: .857143em;
+    font-size: .875em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(caption) {
+    caption-side: bottom;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(table) {
+    font-variant-numeric: tabular-nums;
+    border-collapse: separate;
+    border-spacing: 0;
+    border-block-end: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    max-width: 100%;
+    margin-block-start: var(--moduix-typeset-flow);
+    margin-block-end: 0;
+    font-size: 1em;
+    line-height: 1.5;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.scroll-ZsvXUQ) {
+    margin-block-start: var(--moduix-typeset-flow);
+    overflow-x: auto;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.scroll-ZsvXUQ > *) {
+    margin-block-start: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(.scroll-ZsvXUQ table) {
+    width: max-content;
+    max-width: none;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(thead th) {
+    text-align: start;
+    white-space: nowrap;
+    padding: .65em 1em;
+    font-weight: 500;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:is(tbody, tfoot) :is(td, th)) {
+    text-align: start;
+    vertical-align: top;
+    border-block-start: 1px solid
+        var(--moduix-color-border, color-mix(in oklab, currentColor 20%, transparent));
+    padding: .75em 1em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(tbody th, tfoot th) {
+    font-weight: 500;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th:first-child, td:first-child) {
+    padding-inline-start: 0;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th[align="center"], td[align="center"]) {
+    text-align: center;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(th[align="right"], td[align="right"]) {
+    text-align: end;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li > blockquote, li > table, li > figure) {
+    margin-block-start: .5em;
+  }
+
+  .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(li > pre) {
+    margin-block-start: .571429em;
+  }
+
+  @media print {
+    .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(pre, table, blockquote, figure) {
+      break-inside: avoid;
+    }
+
+    .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(h1, h2, h3, h4) {
+      break-after: avoid;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(:not(pre) > code) {
+      border: 1px solid;
+    }
+  }
+
+  .root-DaHOOi > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), .root-DaHOOi > :where(:first-child) > :where(:first-child):not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)), .root-DaHOOi :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;
+  }
+
+  .scroll-ZsvXUQ {
+    box-sizing: border-box;
+    overscroll-behavior-inline: contain;
+    max-width: 100%;
+  }
+
+  .scroll-ZsvXUQ:focus-visible {
+    outline: var(--moduix-focus-ring-width, var(--moduix-border-width-md)) solid
+      var(--moduix-color-ring);
+    outline-offset: var(--moduix-focus-ring-inset-offset);
+  }
+}
+

package/dist/components/typeset/index.d.ts

@@ -0,0 +1 @@
+export * from './Typeset.js';

package/dist/components/typeset/index.js

@@ -0,0 +1 @@
+export * from "./Typeset.js";

package/dist/components/typeset/index.jsx

@@ -0,0 +1 @@
+export * from "./Typeset.jsx";

package/dist/internal/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/internal/cn.js

@@ -0,0 +1,40 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+const twMerge = extendTailwindMerge({
+    extend: {
+        theme: {
+            spacing: [
+                'space-xs',
+                'space-sm',
+                'space-md',
+                'space-lg',
+                'space-xl',
+                'space-2xl',
+                'control-xs',
+                'control-sm',
+                'control-md',
+                'control-lg',
+                'control-xl'
+            ],
+            text: [
+                'md'
+            ],
+            'font-weight': [
+                'regular'
+            ],
+            tracking: [
+                'text-xs',
+                'text-sm'
+            ],
+            ease: [
+                'standard',
+                'spring',
+                'emphasized'
+            ]
+        }
+    }
+});
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export { cn };

package/dist/internal/cn.jsx

@@ -0,0 +1,40 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+const twMerge = extendTailwindMerge({
+    extend: {
+        theme: {
+            spacing: [
+                'space-xs',
+                'space-sm',
+                'space-md',
+                'space-lg',
+                'space-xl',
+                'space-2xl',
+                'control-xs',
+                'control-sm',
+                'control-md',
+                'control-lg',
+                'control-xl'
+            ],
+            text: [
+                'md'
+            ],
+            'font-weight': [
+                'regular'
+            ],
+            tracking: [
+                'text-xs',
+                'text-sm'
+            ],
+            ease: [
+                'standard',
+                'spring',
+                'emphasized'
+            ]
+        }
+    }
+});
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export { cn };

package/dist/internal/icons/ui/Icons.d.ts

@@ -0,0 +1,37 @@
+import type { JSX } from 'solid-js';
+type IconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export declare function ChevronLeftIcon(props: IconProps): JSX.Element;
+export declare function ChevronRightIcon(props: IconProps): JSX.Element;
+export declare function ChevronDownIcon(props: IconProps): JSX.Element;
+export declare function ChevronUpIcon(props: IconProps): JSX.Element;
+export declare function ChevronUpDownIcon(props: IconProps): JSX.Element;
+export declare function PlusIcon(props: IconProps): JSX.Element;
+export declare function MinusIcon(props: IconProps): JSX.Element;
+export declare function CheckIcon(props: IconProps): JSX.Element;
+export declare function CloseIcon(props: IconProps): JSX.Element;
+export declare function IndeterminateIcon(props: IconProps): JSX.Element;
+export declare function CalendarIcon(props: IconProps): JSX.Element;
+export declare function RestoreIcon(props: IconProps): JSX.Element;
+export declare function PipetteIcon(props: IconProps): JSX.Element;
+export declare function SeparatorMarkIcon(props: IconProps): JSX.Element;
+export { default as CopyIcon } from 'lucide-solid/icons/copy';
+export { default as EyeClosedIcon } from 'lucide-solid/icons/eye-closed';
+export { default as EyeIcon } from 'lucide-solid/icons/eye';
+export { default as FileIcon } from 'lucide-solid/icons/file';
+export { default as FlipHorizontalIcon } from 'lucide-solid/icons/square-centerline-dashed-horizontal';
+export { default as FolderIcon } from 'lucide-solid/icons/folder';
+export { default as FolderOpenIcon } from 'lucide-solid/icons/folder-open';
+export { default as GripIcon } from 'lucide-solid/icons/grip';
+export { default as RestartIcon } from 'lucide-solid/icons/list-restart';
+export { default as MaximizeIcon } from 'lucide-solid/icons/maximize-2';
+export { default as PauseIcon } from 'lucide-solid/icons/pause';
+export { default as PencilIcon } from 'lucide-solid/icons/pencil';
+export { default as PlayIcon } from 'lucide-solid/icons/play';
+export { default as RatingStarIcon } from 'lucide-solid/icons/star';
+export { default as RotateCcwIcon } from 'lucide-solid/icons/rotate-ccw';
+export { default as RotateCwIcon } from 'lucide-solid/icons/rotate-cw';
+export { default as SearchIcon } from 'lucide-solid/icons/search';
+export { default as TrashIcon } from 'lucide-solid/icons/trash';
+export { default as UploadIcon } from 'lucide-solid/icons/upload';
+export { default as ZoomInIcon } from 'lucide-solid/icons/zoom-in';
+export { default as ZoomOutIcon } from 'lucide-solid/icons/zoom-out';