@telepix-lab/telepix-ui 0.0.1 → 0.1.2

package/dist/cjs/styles.css

@@ -91,6 +91,10 @@
     --tpstgrjq5n: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   }
 
+  :root, .tpst1i65eg8 {
+    --tpst1v5pdxa: black;
+  }
+
   :root, .tpst13343xr {
     --tpst1vko5pw: .15s;
     --tpst1r8xpgk: .3s;
@@ -356,6 +360,10 @@
     }
   }
 
+  .tpst11v4t2h {
+    --tpst1v5pdxa: var(--tpsts3sn97);
+  }
+
   @keyframes tpstekv6nw-B {
     0% {
       opacity: 0;
@@ -387,6 +395,22 @@
       transform: translate(-50%, -50%);
     }
   }
+
+  .tpst1yzyj3[data-state="open"] {
+    --tpst1v5pdxa: var(--tpst1yvmtnc);
+  }
+
+  .tpst1i14ww5:hover:not([data-disabled]) {
+    --tpst1v5pdxa: var(--tpst5k8tce);
+  }
+
+  .tpst1x7n3pw[data-disabled] {
+    --tpst1v5pdxa: var(--tpstkiu8f5);
+  }
+
+  .tpstrgwr5g:active:not([data-disabled]) {
+    --tpst1v5pdxa: var(--tpstp0q5oq);
+  }
 }
 
 @layer priority2 {
@@ -402,6 +426,14 @@
     animation: 1s linear infinite tpstqng64z-B;
   }
 
+  .tpst1wty727 {
+    border: 0;
+  }
+
+  .tpstfj9a5l {
+    border: 1px solid #0000;
+  }
+
   .tpst1rpd3ai {
     border: 1px solid var(--tpst1jhw9pg);
   }
@@ -410,6 +442,10 @@
     border: 1px solid var(--tpst1ob6z47);
   }
 
+  .tpsthqwzk5 {
+    border: 1px solid var(--tpst1tvunur);
+  }
+
   .tpst86ijzb {
     border: 1px solid var(--tpsts9zbf);
   }
@@ -430,10 +466,18 @@
     inset: 0;
   }
 
+  .tpst19bbpc0 {
+    margin: 0 auto;
+  }
+
   .tpst1ghz6dp {
     margin: 0;
   }
 
+  .tpst1qk52y6 {
+    margin: 4px 0;
+  }
+
   .tpstnfbntj {
     margin: 5px 0;
   }
@@ -466,14 +510,26 @@
     padding: 11px 16px;
   }
 
+  .tpstc7a3lv {
+    padding: 12px 16px 12px 12px;
+  }
+
   .tpst1iwkndl {
     padding: 12px 16px;
   }
 
+  .tpstc7ga6q {
+    padding: 12px;
+  }
+
   .tpst14hcewi {
     padding: 16px 20px;
   }
 
+  .tpst45f59s {
+    padding: 20px 0 20px 36px;
+  }
+
   .tpstxzb6uj {
     padding: 2px 4px;
   }
@@ -490,10 +546,18 @@
     padding: 4px;
   }
 
+  .tpst1arfzav {
+    padding: 6px 12px;
+  }
+
   .tpst18tqr4w {
     padding: 6px 8px;
   }
 
+  .tpst1ruevkc {
+    padding: 6px;
+  }
+
   .tpst153ncpu {
     padding: 8px 12px;
   }
@@ -506,10 +570,6 @@
     padding: var(--tpst1s1bzlu) var(--tpstr1ymy1) var(--tpstr1ymy1);
   }
 
-  .tpst1mkn4gz {
-    padding: var(--tpst1s1bzlu);
-  }
-
   .tpstlze0bs {
     padding: var(--tpstr1ymy1);
   }
@@ -518,6 +578,10 @@
     border: 1px solid var(--tpst17kooso);
   }
 
+  .tpstim3zwz:hover:not([data-disabled="true"]) {
+    border: 1px solid var(--tpst1jhw9pg);
+  }
+
   .tpst1hzpdhs:active:not([data-selected="true"]):not(:disabled) {
     border: 1px solid var(--tpst58jqng);
   }
@@ -526,11 +590,11 @@
     border: 1px solid var(--tpstggesgd);
   }
 
-  .tpstyzq09x:focus-within, .tpst3nu0g:not([data-placeholder]) {
+  .tpstyzq09x:focus-within, .tpst3nu0g:not([data-placeholder]), .tpst1wuwv8e[data-selected="true"] {
     border: 1px solid var(--tpstuejxa4);
   }
 
-  .tpstl20lex[data-disabled] {
+  .tpstl20lex[data-disabled], .tpstyntif3[data-disabled="true"] {
     border: none;
   }
 
@@ -544,10 +608,30 @@
 }
 
 @layer priority3 {
+  .tpst1mkz3ft {
+    border-bottom: 1px solid var(--tpst1ob6z47);
+  }
+
+  .tpst10e4uj6 {
+    border-radius: 0 6px 6px 0 !important;
+  }
+
+  .tpst13izsvr {
+    border-radius: 0 !important;
+  }
+
+  .tpst4pepcl {
+    border-radius: 12px;
+  }
+
   .tpst12oqio5 {
     border-radius: 4px;
   }
 
+  .tpstc0yi4g {
+    border-radius: 6px 0 0 6px !important;
+  }
+
   .tpst1kogg8i {
     border-radius: 6px;
   }
@@ -600,10 +684,18 @@
     gap: 8px;
   }
 
+  .tpstpc28cl {
+    gap: var(--rdp-months-gap);
+  }
+
   .tpst9gtpy7 {
     gap: var(--tpst15cl33r);
   }
 
+  .tpste8uvvx {
+    list-style: none;
+  }
+
   .tpst1a2a7pz {
     outline: none;
   }
@@ -620,6 +712,14 @@
     transition: var(--tpst1r8xpgk);
   }
 
+  .tpst1n31b6c[data-last-border="false"]:last-child {
+    border-bottom: none;
+  }
+
+  .tpst1g5o8b6.range-end {
+    border-radius: 6px !important;
+  }
+
   .tpsts3ybme:has(button:has([data-placeholder])) {
     border-color: var(--tpsts3sn97);
   }
@@ -638,6 +738,10 @@
     background-color: #0000;
   }
 
+  .tpst15fejnn {
+    background-color: var(--tpst16ho4j7);
+  }
+
   .tpstg8nkuj {
     background-color: var(--tpst1akj8aj);
   }
@@ -662,6 +766,10 @@
     background-color: var(--tpst1rh8zbx);
   }
 
+  .tpst19e1y8f {
+    background-color: var(--tpst1rk9dvl) !important;
+  }
+
   .tpst1po33qi {
     background-color: var(--tpst1tvunur);
   }
@@ -674,14 +782,42 @@
     background-color: var(--tpst1wrmwgo);
   }
 
+  .tpst19pgpgt {
+    background-color: var(--tpst3umhxq) !important;
+  }
+
+  .tpst14702fr {
+    background-color: var(--tpst3umhxq);
+  }
+
   .tpst1fhthwf {
     background-color: var(--tpsts3sn97);
   }
 
+  .tpstpeci3k {
+    background-color: var(--tpsts9zbf);
+  }
+
+  .tpstnw08ok {
+    background-color: var(--tpsttytddx);
+  }
+
   .tpst1tlhk3t {
     background-color: var(--tpstw5kw9y);
   }
 
+  .tpst1mwwwfo {
+    border-collapse: collapse;
+  }
+
+  .tpst1vathgz {
+    border-collapse: separate;
+  }
+
+  .tpst1dnbpcz {
+    border-spacing: 0 8px;
+  }
+
   .tpst1w3cjnw {
     box-shadow: var(--tpst1oh1qfk);
   }
@@ -694,6 +830,22 @@
     box-sizing: border-box;
   }
 
+  .tpst1heor9g {
+    color: inherit;
+  }
+
+  .tpsthph9z8 {
+    color: var(--tpst1awahhr) !important;
+  }
+
+  .tpstizos85 {
+    color: var(--tpst1awahhr);
+  }
+
+  .tpst6yx3q1 {
+    color: var(--tpst1kxl5s) !important;
+  }
+
   .tpst3jceqh {
     color: var(--tpst1kxl5s);
   }
@@ -702,10 +854,26 @@
     color: var(--tpst1myu9af);
   }
 
+  .tpst1xaraa0 {
+    color: var(--tpst1sous2z);
+  }
+
+  .tpst16v5b89 {
+    color: var(--tpst1v5pdxa);
+  }
+
+  .tpst1nznry7 {
+    color: var(--tpst1xyenpu);
+  }
+
   .tpst1guh68u {
     color: var(--tpstkiu8f5);
   }
 
+  .tpst1taccwa {
+    color: var(--tpsts3sn97) !important;
+  }
+
   .tpst1en6sio {
     color: var(--tpsts3sn97);
   }
@@ -726,6 +894,10 @@
     display: flex;
   }
 
+  .tpst3nfvp2 {
+    display: inline-flex;
+  }
+
   .tpst1ecwici {
     fill: var(--tpst1wrmwgo);
   }
@@ -738,14 +910,30 @@
     flex-direction: row;
   }
 
+  .tpst1iyjqo2 {
+    flex-grow: 1;
+  }
+
   .tpstozqiw3 {
     flex-wrap: nowrap;
   }
 
+  .tpst1a02dak {
+    flex-wrap: wrap;
+  }
+
   .tpst1rtjxbu {
     font-family: var(--tpst1v5gfih);
   }
 
+  .tpst1qlqyl8 {
+    font-size: inherit;
+  }
+
+  .tpstcgtkfa {
+    font-size: large;
+  }
+
   .tpstyak8r7 {
     font-size: var(--tpst1o86t0e);
   }
@@ -814,6 +1002,14 @@
     font-weight: 800;
   }
 
+  .tpst117nqv4 {
+    font-weight: bold;
+  }
+
+  .tpst1pd3egz {
+    font-weight: inherit;
+  }
+
   .tpstsf9n82 {
     font-weight: var(--tpst1hojl49);
   }
@@ -838,10 +1034,18 @@
     justify-content: space-between;
   }
 
+  .tpstlqzeqv {
+    justify-content: start;
+  }
+
   .tpst1evy7pa {
     line-height: 1.5;
   }
 
+  .tpst15bjb6t {
+    line-height: inherit;
+  }
+
   .tpst1b4p1qk {
     line-height: var(--tpst176n8w4);
   }
@@ -898,6 +1102,18 @@
     line-height: var(--tpstt98vng);
   }
 
+  .tpst3ct3a4 {
+    list-style-type: none;
+  }
+
+  .tpst1n4znp {
+    margin-inline-end: var(--rdp-nav_button-width);
+  }
+
+  .tpstniehiw {
+    margin-inline-start: var(--rdp-nav_button-width);
+  }
+
   .tpst67bb7w {
     pointer-events: auto;
   }
@@ -926,6 +1142,10 @@
     stroke: var(--tpstkiu8f5);
   }
 
+  .tpst1p9vrh0 {
+    stroke: var(--tpsts3sn97);
+  }
+
   .tpst1bzislq {
     stroke: var(--tpstufw5ms);
   }
@@ -946,6 +1166,10 @@
     text-align: right;
   }
 
+  .tpstlyipyv {
+    text-overflow: ellipsis;
+  }
+
   .tpst11lhmoz {
     transform: translate(-50%, -50%);
   }
@@ -959,6 +1183,14 @@
     vertical-align: middle;
   }
 
+  .tpstuxw1ft {
+    white-space: nowrap;
+  }
+
+  .tpst1vjfegm {
+    z-index: 1;
+  }
+
   .tpstfo81ep {
     z-index: 1000;
   }
@@ -967,7 +1199,11 @@
     z-index: 1001;
   }
 
-  .tpstsl0li1:hover:not([data-disabled]), .tpstig29qo:hover:not([data-selected="true"]):not(:disabled), .tpstr18k4x:hover:not([data-selected="true"]) {
+  .tpst1355qak {
+    z-index: 20;
+  }
+
+  .tpstsl0li1:hover:not([data-disabled]), .tpstig29qo:hover:not([data-selected="true"]):not(:disabled), .tpstr18k4x:hover:not([data-selected="true"]), .tpst1ui4crk:hover:not([data-disabled="true"]), .tpstxkogiq:hover:not([data-disabled="true"]):not([data-selected="true"]), .tpstoegpex:hover:not([data-selected="true"]), .tpstvnhmyd:hover:not([data-disabled="true"]):not([data-selected="true"]):not([data-hover-actions="false"]) {
     background-color: var(--tpst16ho4j7);
   }
 
@@ -1003,7 +1239,7 @@
     background-color: var(--tpst3umhxq);
   }
 
-  .tpstzkh6k2:active:not(:disabled) {
+  .tpstzkh6k2:active:not(:disabled), .tpst15xsq06:active:not([data-disabled="true"]):not([data-selected="true"]), .tpst1flsb7q:active:not([data-disabled="true"]):not([data-selected="true"]):not([data-hover-actions="false"]), .tpstve3hgh:active:not([data-disabled]) {
     background-color: var(--tpst4ae9ti);
   }
 
@@ -1011,7 +1247,11 @@
     background-color: var(--tpst58jqng);
   }
 
-  .tpst1or6fvc[data-state="checked"], .tpst1rh2zx7[data-selected="true"] {
+  .tpst1f6zm34[data-disabled="true"], .tpst5s4fa3[data-disabled] {
+    background-color: var(--tpstk4jfiz);
+  }
+
+  .tpst1or6fvc[data-state="checked"], .tpst1rh2zx7[data-selected="true"], .tpst1m4q36m[data-selected="true"]:not([data-disabled="true"]), .tpst1t13qns[data-state="open"] {
     background-color: var(--tpsttytddx);
   }
 
@@ -1019,11 +1259,15 @@
     color: var(--tpst1awahhr);
   }
 
+  .tpst13w5zzq:hover:not([data-disabled="true"]):not([data-selected="true"]), .tpst16eg49z[data-selected="true"]:not([data-disabled="true"]), .tpst1tkdp7v:not([data-selected="true"]) {
+    color: var(--tpst1kxl5s);
+  }
+
   .tpst1psc3pv:active:not([data-selected="true"]):not(:disabled) {
     color: var(--tpst1od88uy);
   }
 
-  .tpst1maf8c0:active:not(:disabled) {
+  .tpst1maf8c0:active:not(:disabled), .tpst18fcmwj:active:not([data-disabled="true"]):not([data-selected="true"]), .tpst8etpcc:active:not([data-disabled]) {
     color: var(--tpst1uoa904);
   }
 
@@ -1039,7 +1283,7 @@
     color: var(--tpst5k8tce);
   }
 
-  .tpst1dicpjh[data-disabled] {
+  .tpst1dicpjh[data-disabled], .tpst10lg5bl[data-disabled="true"] {
     color: var(--tpstkiu8f5);
   }
 
@@ -1055,14 +1299,18 @@
     color: var(--tpsts3sn97);
   }
 
-  .tpst1566nwe[data-state="checked"], .tpst16j9utu[data-selected="true"] {
+  .tpst1566nwe[data-state="checked"], .tpst16j9utu[data-selected="true"], .tpstpysgrl[data-state="open"] {
     color: var(--tpstufw5ms);
   }
 
-  .tpst5ezrf1[data-disabled] {
+  .tpst5ezrf1[data-disabled], .tpstrxh2zl[data-disabled="true"] {
     cursor: not-allowed;
   }
 
+  .tpst1q65owk:hover:not([data-selected="true"]) {
+    cursor: pointer;
+  }
+
   .tpst1rjfkor[data-selected="true"] {
     font-weight: var(--tpstm13ldm);
   }
@@ -1071,6 +1319,10 @@
     font-weight: var(--tpstv32r0g);
   }
 
+  .tpstf5pua7[data-orientation="right"] {
+    transform: rotate(180deg);
+  }
+
   .tpst1ojfk87:hover:not([data-disabled])[data-placeholder] {
     color: var(--tpst5k8tce);
   }
@@ -1111,6 +1363,10 @@
     color: var(--tpstp5llud);
   }
 
+  .tpst1277o0a:hover {
+    cursor: pointer;
+  }
+
   .tpst53zq4y:active {
     background-color: var(--tpst1utdsru);
   }
@@ -1153,6 +1409,10 @@
     height: 28px;
   }
 
+  .tpst10w6t97 {
+    height: 32px;
+  }
+
   .tpstc9qbxq {
     height: 36px;
   }
@@ -1165,6 +1425,14 @@
     height: calc(100% - 24px);
   }
 
+  .tpstb5j9mv {
+    height: var(--rdp-nav-height);
+  }
+
+  .tpstu96u03 {
+    left: 0;
+  }
+
   .tpst1nrll8i {
     left: 50%;
   }
@@ -1181,18 +1449,54 @@
     left: calc(50% - 8px);
   }
 
+  .tpst1yztbdb {
+    margin-bottom: 16px;
+  }
+
+  .tpst1e56ztr {
+    margin-bottom: 8px;
+  }
+
   .tpst1lcskmy {
     margin-bottom: var(--tpst15cl33r);
   }
 
+  .tpstq1n1xh {
+    margin-left: 16px;
+  }
+
+  .tpst1o6q14k {
+    margin-right: 16px;
+  }
+
   .tpst7r5mf7 {
     margin-top: 3px;
   }
 
+  .tpst1u4bug8 {
+    max-width: fit-content;
+  }
+
+  .tpst1nu04sm {
+    max-width: var(--select-content-width, 100%);
+  }
+
+  .tpst15hfatp {
+    min-width: 36px;
+  }
+
   .tpstuuvo9b {
     min-width: var(--radix-select-trigger-width);
   }
 
+  .tpst6ikm8r {
+    overflow-x: hidden;
+  }
+
+  .tpstwib8y2 {
+    padding-bottom: 8px;
+  }
+
   .tpstyamay9 {
     padding-top: 16px;
   }
@@ -1201,6 +1505,14 @@
     top: 50%;
   }
 
+  .tpstb8jshi {
+    top: calc(100% - 10px);
+  }
+
+  .tpst1qwhh54 {
+    top: calc(100% + 4px);
+  }
+
   .tpstsf42hv {
     top: calc(50% - 10px);
   }
@@ -1229,10 +1541,26 @@
     width: 24px;
   }
 
+  .tpst1m258z3 {
+    width: 320px;
+  }
+
+  .tpst1td3qas {
+    width: 32px;
+  }
+
+  .tpst14qfxbe {
+    width: 36px;
+  }
+
   .tpst14atkfc {
     width: auto;
   }
 
+  .tpstuyfhz4 {
+    width: calc(100% - 16px);
+  }
+
   .tpstlr34hp[data-selected="true"] {
     height: 2px;
   }
@@ -1240,6 +1568,10 @@
   .tpstxx32ex[data-selected="true"] {
     margin-top: 2px;
   }
+
+  .tpst4gjk7j:last-child {
+    padding-right: 36px;
+  }
 }
 
 @layer priority6 {

package/dist/cjs/table/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const Table: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
+    isSelected?: boolean;
+    shouldLastBorderRender?: boolean;
+}
+export declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement> {
+    showTooltip?: boolean;
+}
+export declare const TableCell: React.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export {};