@rovula/ui 0.0.5 → 0.0.7

package/dist/components/TextInput/TextInput.styles.js

@@ -0,0 +1,155 @@
+import { cva } from "class-variance-authority";
+export var inputVariant = cva([
+    "border-0 outline-none",
+    "p-1 flex",
+    "peer text-black placeholder:text-transparent",
+], {
+    variants: {
+        size: {
+            sm: "p-2 px-3 typography-small1",
+            md: "py-2 px-3 typography-subtitile4",
+            lg: "p-4 typography-subtitile1",
+        },
+        rounded: {
+            none: "rounded-none",
+            normal: "rounded-xl",
+            full: "rounded-full",
+        },
+        variant: {
+            flat: "",
+            outline: "ring-1 ring-inset ring-input-stroke hover:ring-input-active focus:ring-2 focus:ring-inset focus:ring-input-active",
+            underline: "border-b-2 border-input-stroke transition-colors hover:border-input-stroke-active focus:border-input-stroke",
+        },
+        fullwidth: {
+            true: "w-full",
+        },
+        disabled: {
+            true: "text-input-text-disabled ring-input-stroke-disabled placeholder:text-input-text-disabled",
+        },
+        error: {
+            true: "ring-error",
+        },
+        hasClearIcon: {
+            true: "",
+        },
+    },
+    compoundVariants: [
+        {
+            variant: "underline",
+            className: "rounded-none",
+        },
+        {
+            hasClearIcon: true,
+            size: "sm",
+            class: "focus:pe-6",
+        },
+        {
+            hasClearIcon: true,
+            size: "md",
+            class: "focus:pe-8",
+        },
+        {
+            hasClearIcon: true,
+            size: "lg",
+            class: "focus:pe-10",
+        },
+    ],
+    defaultVariants: {
+        size: "md",
+        variant: "outline",
+        rounded: "normal",
+        fullwidth: false,
+        disabled: false,
+        error: false,
+        hasClearIcon: false,
+    },
+});
+export var labelVariant = cva([
+    "absolute block transition-all px-[2px] text-input-text peer-focus:text-input-text-active peer-focus:bg-input-label-background",
+], {
+    variants: {
+        size: {
+            sm: [
+                "left-3 top-2 typography-small1 peer-focus:-top-1.5 peer-focus:typography-label2",
+                "bg-input-label-background peer-[:not(:placeholder-shown)]:-top-1.5 peer-[:not(:placeholder-shown)]:typography-label2",
+            ],
+            md: [
+                "left-3 top-2 typography-subtitile4 peer-focus:-top-1.5 peer-focus:typography-label1",
+                "bg-input-label-background peer-[:not(:placeholder-shown)]:-top-1.5 peer-[:not(:placeholder-shown)]:typography-label1",
+            ],
+            lg: [
+                "left-4 top-4 typography-subtitile1 peer-focus:-top-1.5 peer-focus:typography-label1",
+                "bg-input-label-background peer-[:not(:placeholder-shown)]:-top-1.5 peer-[:not(:placeholder-shown)]:typography-label1",
+            ],
+        },
+        disabled: {
+            true: "text-input-text-disabled ring-input-stroke-disabled placeholder:text-input-text-disabled",
+        },
+        error: {
+            true: "ring-error",
+        },
+        isFloating: {
+            true: "-top-1.5 typography-label1 bg-input-label-background",
+        },
+    },
+    compoundVariants: [
+        {
+            size: "sm",
+            isFloating: true,
+            class: "-top-1.5 typography-label2 bg-input-label-background",
+        },
+    ],
+    defaultVariants: {
+        size: "md",
+        disabled: false,
+        error: false,
+        isFloating: false,
+    },
+});
+export var helperTextVariant = cva(["text-small1 flex flex-row items-center gap-1"], {
+    variants: {
+        size: {
+            sm: "mt-1",
+            md: "mt-[6px]",
+            lg: "mt-[6px]",
+        },
+        disabled: {
+            true: "text-input-text-disabled",
+        },
+        error: {
+            true: "text-error",
+            false: "text-input-text",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        disabled: false,
+        error: false,
+    },
+});
+export var iconWrapperVariant = cva([
+    "absolute inset-y-0 right-0 items-center justify-center hidden peer-focus:flex",
+], {
+    variants: {
+        size: {
+            sm: "mr-2",
+            md: "mr-3",
+            lg: "mr-4",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+export var iconVariant = cva(["cursor-pointer z-50 fill-input-stroke-active hover:fill-input-text"], {
+    variants: {
+        size: {
+            sm: "size-3",
+            md: "size-4",
+            lg: "size-5",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});

package/dist/esm/bundle.css

@@ -517,10 +517,23 @@ video {
     --error-default: var(--error-100);
     --error-foreground: var(--white);
 
-
+    /* Button */
     --btn-rounded-sm: 10px;
     --btn-rounded-md: 12px;
     --btn-rounded-lg: 16px;
+
+    /* Input */
+    --input-default-text-color: 164 169 178;
+    --input-default-stroke-color: 231 231 231;
+
+    --input-active-text-color: 29 30 39;
+    --input-active-stroke-color: 208 208 208;
+  
+    --input-disabled-text-color: 196 199 205;
+    --input-disabled-stroke-color: 239 239 239;
+    --input-disabled-background-color: 247 247 247;
+    
+    --input-label-background-color: 249 251 255;
   }
 
 *, ::before, ::after {
@@ -633,6 +646,40 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+.-top-1 {
+  top: -0.25rem;
+}
+.-top-1\.5 {
+  top: -0.375rem;
+}
+.left-3 {
+  left: 0.75rem;
+}
+.left-4 {
+  left: 1rem;
+}
+.right-0 {
+  right: 0px;
+}
+.top-2 {
+  top: 0.5rem;
+}
+.top-4 {
+  top: 1rem;
+}
+.z-50 {
+  z-index: 50;
+}
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -641,6 +688,24 @@ video {
   margin-top: auto;
   margin-bottom: auto;
 }
+.mr-2 {
+  margin-right: 0.5rem;
+}
+.mr-3 {
+  margin-right: 0.75rem;
+}
+.mr-4 {
+  margin-right: 1rem;
+}
+.mt-1 {
+  margin-top: 0.25rem;
+}
+.mt-\[6px\] {
+  margin-top: 6px;
+}
+.block {
+  display: block;
+}
 .flex {
   display: flex;
 }
@@ -653,6 +718,21 @@ video {
 .grid {
   display: grid;
 }
+.hidden {
+  display: none;
+}
+.size-3 {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+.size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .w-\[200px\] {
   width: 200px;
 }
@@ -665,6 +745,9 @@ video {
 .max-w-3xl {
   max-width: 48rem;
 }
+.cursor-pointer {
+  cursor: pointer;
+}
 .select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -690,9 +773,15 @@ video {
 .justify-center {
   justify-content: center;
 }
+.gap-1 {
+  gap: 0.25rem;
+}
 .gap-2 {
   gap: 0.5rem;
 }
+.gap-4 {
+  gap: 1rem;
+}
 .gap-x-8 {
   -moz-column-gap: 2rem;
        column-gap: 2rem;
@@ -709,6 +798,9 @@ video {
 .whitespace-nowrap {
   white-space: nowrap;
 }
+.rounded {
+  border-radius: 0.25rem;
+}
 .rounded-\[--btn-rounded-lg\] {
   border-radius: var(--btn-rounded-lg);
 }
@@ -718,15 +810,30 @@ video {
 .rounded-\[--btn-rounded-sm\] {
   border-radius: var(--btn-rounded-sm);
 }
+.rounded-full {
+  border-radius: 9999px;
+}
 .rounded-lg {
   border-radius: 0.5rem;
 }
+.rounded-none {
+  border-radius: 0px;
+}
 .rounded-sm {
   border-radius: 0.125rem;
 }
+.rounded-xl {
+  border-radius: 0.75rem;
+}
 .border {
   border-width: 1px;
 }
+.border-0 {
+  border-width: 0px;
+}
+.border-b-2 {
+  border-bottom-width: 2px;
+}
 .border-error {
   --tw-border-opacity: 1;
   border-color: rgb(var(--error-100) / var(--tw-border-opacity));
@@ -735,6 +842,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(var(--info-default) / var(--tw-border-opacity));
 }
+.border-input-stroke {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--input-default-stroke-color) / var(--tw-border-opacity));
+}
 .border-primary {
   --tw-border-opacity: 1;
   border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
@@ -766,6 +877,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--info-default) / var(--tw-bg-opacity));
 }
+.bg-input-label-background {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--input-label-background-color) / var(--tw-bg-opacity));
+}
 .bg-primary {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
@@ -793,6 +908,21 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--warning-default) / var(--tw-bg-opacity));
 }
+.fill-error {
+  fill: rgb(var(--error-100) / 1);
+}
+.fill-input-stroke-active {
+  fill: rgb(var(--input-active-stroke-color) / 1);
+}
+.p-1 {
+  padding: 0.25rem;
+}
+.p-2 {
+  padding: 0.5rem;
+}
+.p-4 {
+  padding: 1rem;
+}
 .p-5 {
   padding: 1.25rem;
 }
@@ -808,6 +938,10 @@ video {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+.px-\[2px\] {
+  padding-left: 2px;
+  padding-right: 2px;
+}
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -951,6 +1085,10 @@ video {
 .tracking-\[\.02857em\] {
   letter-spacing: .02857em;
 }
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
 .text-error {
   --tw-text-opacity: 1;
   color: rgb(var(--error-100) / var(--tw-text-opacity));
@@ -971,6 +1109,14 @@ video {
   --tw-text-opacity: 1;
   color: rgb(var(--info-foreground) / var(--tw-text-opacity));
 }
+.text-input-text {
+  --tw-text-opacity: 1;
+  color: rgb(var(--input-default-text-color) / var(--tw-text-opacity));
+}
+.text-input-text-disabled {
+  --tw-text-opacity: 1;
+  color: rgb(var(--input-disabled-text-color) / var(--tw-text-opacity));
+}
 .text-primary {
   --tw-text-opacity: 1;
   color: rgb(var(--primary-default) / var(--tw-text-opacity));
@@ -1024,9 +1170,38 @@ video {
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .outline {
   outline-style: solid;
 }
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.ring-inset {
+  --tw-ring-inset: inset;
+}
+.ring-error {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(var(--error-100) / var(--tw-ring-opacity));
+}
+.ring-input-stroke {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(var(--input-default-stroke-color) / var(--tw-ring-opacity));
+}
+.ring-input-stroke-disabled {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(var(--input-disabled-stroke-color) / var(--tw-ring-opacity));
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1143,10 +1318,28 @@ video {
   line-height: 10px;
   font-weight: 400;
 }
+.placeholder\:text-input-text-disabled::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(var(--input-disabled-text-color) / var(--tw-text-opacity));
+}
+.placeholder\:text-input-text-disabled::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(var(--input-disabled-text-color) / var(--tw-text-opacity));
+}
+.placeholder\:text-transparent::-moz-placeholder {
+  color: transparent;
+}
+.placeholder\:text-transparent::placeholder {
+  color: transparent;
+}
 .hover\:border-error-120:hover {
   --tw-border-opacity: 1;
   border-color: rgb(var(--error-120) / var(--tw-border-opacity));
 }
+.hover\:border-input-stroke-active:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--input-active-stroke-color) / var(--tw-border-opacity));
+}
 .hover\:border-warning-100:hover {
   --tw-border-opacity: 1;
   border-color: rgb(var(--warning-100) / var(--tw-border-opacity));
@@ -1188,14 +1381,91 @@ video {
 .hover\:bg-opacity-90:hover {
   --tw-bg-opacity: 0.9;
 }
+.hover\:fill-input-text:hover {
+  fill: rgb(var(--input-default-text-color) / 1);
+}
 .hover\:text-opacity-80:hover {
   --tw-text-opacity: 0.8;
 }
+.focus\:border-input-stroke:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--input-default-stroke-color) / var(--tw-border-opacity));
+}
+.focus\:pe-10:focus {
+  padding-inline-end: 2.5rem;
+}
+.focus\:pe-6:focus {
+  padding-inline-end: 1.5rem;
+}
+.focus\:pe-8:focus {
+  padding-inline-end: 2rem;
+}
+.focus\:ring-2:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.focus\:ring-inset:focus {
+  --tw-ring-inset: inset;
+}
 .active\:scale-\[98\%\]:active {
   --tw-scale-x: 98%;
   --tw-scale-y: 98%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.peer:focus ~ .peer-focus\:-top-1 {
+  top: -0.25rem;
+}
+.peer:focus ~ .peer-focus\:-top-1\.5 {
+  top: -0.375rem;
+}
+.peer:focus ~ .peer-focus\:flex {
+  display: flex;
+}
+.peer:focus ~ .peer-focus\:bg-input-label-background {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--input-label-background-color) / var(--tw-bg-opacity));
+}
+.peer:focus ~ .peer-focus\:text-input-text-active {
+  --tw-text-opacity: 1;
+  color: rgb(var(--input-active-text-color) / var(--tw-text-opacity));
+}
+.peer:focus ~ .peer-focus\:typography-label1 {
+  font-size: 12px;
+  line-height: 12px;
+  font-weight: 400;
+}
+.peer:focus ~ .peer-focus\:typography-label2 {
+  font-size: 10px;
+  line-height: 10px;
+  font-weight: 400;
+}
+.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:-top-1\.5 {
+  top: -0.375rem;
+}
+.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:-top-1\.5 {
+  top: -0.375rem;
+}
+.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:typography-label1 {
+  font-size: 12px;
+  line-height: 12px;
+  font-weight: 400;
+}
+.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:typography-label1 {
+  font-size: 12px;
+  line-height: 12px;
+  font-weight: 400;
+}
+.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:typography-label2 {
+  font-size: 10px;
+  line-height: 10px;
+  font-weight: 400;
+}
+.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:typography-label2 {
+  font-size: 10px;
+  line-height: 10px;
+  font-weight: 400;
+}
 .aria-disabled\:pointer-events-none[aria-disabled="true"] {
   pointer-events: none;
 }
@@ -1204,4 +1474,4 @@ video {
 }
 .aria-disabled\:opacity-50[aria-disabled="true"] {
   opacity: 0.5;
-}
+}

package/dist/esm/bundle.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as e,Fragment as t}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";import{cva as o}from"class-variance-authority";import{useState as a}from"react";var i=function(){return i=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},i.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var s=o(["gap-2 font-bold text-white hover:bg-opacity-90 active:scale-[98%]"],{variants:{color:{primary:"bg-primary border-primary text-primary hover:bg-primary-80",secondary:"border-secondary bg-secondary-100 text-secondary-foreground hover:bg-secondary-120",tertiary:"border-tertiary-120 bg-tertiary-120 text-tertiary-120 hover:bg-tertiary-100",success:"border-success bg-success text-success  hover:bg-success-120",info:"border-info bg-info text-info hover:bg-info-100",warning:"border-warning bg-warning text-warning hover:bg-warning-100 hover:border-warning-100",error:"border-error bg-error text-error hover:bg-error-120 hover:border-error-120"},size:{sm:"px-3 py-1 text-sm rounded-[--btn-rounded-sm]",md:"px-4 py-2 text-sm rounded-[--btn-rounded-md]",lg:"px-6 py-4 text-base rounded-[--btn-rounded-lg]"},variant:{solid:"border",outline:"border bg-transparent hover:bg-opacity-20",flat:"bg-transparent hover:bg-opacity-20",link:"bg-transparent underline underline-offset-4 hover:bg-transparent hover:text-opacity-80"},disabled:{true:"pointer-events-none border-transparent bg-secondary-110 text-secondary-130"},fullwidth:{true:"w-full"}},compoundVariants:[{variant:["flat","link"],disabled:!0,class:"border-transparent bg-transparent"},{variant:"solid",color:"primary",class:"text-primary-foreground"},{variant:"solid",color:"secondary",class:"text-secondary-foreground"},{variant:"solid",disabled:!0,color:"secondary",class:"text-white"},{variant:"solid",color:"tertiary",class:"text-tertiary-foreground"},{variant:"solid",color:"success",class:"text-success-foreground"},{variant:"solid",color:"info",class:"text-info-foreground"},{variant:"solid",color:"warning",class:"text-warning-foreground"},{variant:"solid",color:"error",class:"text-error-foreground"}],defaultVariants:{size:"md",color:"primary",variant:"solid",fullwidth:!0}}),d=function(o){var a=o.size,d=void 0===a?"md":a,c=o.color,l=void 0===c?"primary":c,u=o.variant,b=void 0===u?"solid":u,v=o.title,p=o.children,g=o.startIcon,f=o.endIcon,y=o.disabled,h=void 0!==y&&y,m=o.fullwidth,x=void 0!==m&&m,w=o.isLoading,N=void 0!==w&&w,O=o.className,j=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(t[n[o]]=r[n[o]])}return t}(o,["size","color","variant","title","children","startIcon","endIcon","disabled","fullwidth","isLoading","className"]),I=h||N;return r("button",i({type:"button"},j,{"aria-disabled":I||void 0,tabIndex:I?-1:0,className:n(s({size:d,color:l,variant:b,disabled:h,fullwidth:x}),O),disabled:I,children:e(t,{children:[g,p||v,f]})}))},c=function(t){var n=t.columns,o=t.data;return e("table",{className:"table",children:[r("thead",{children:r("tr",{children:n.map((function(e,t){return r("th",{children:e.header},t)}))})}),r("tbody",{children:o.map((function(e,t){return r("tr",{children:n.map((function(t,n){return r("td",{children:e[t.accessor]},n)}))},t)}))})]})},l=function(e){var t=e.value,n=e.onChange,o=e.placeholder,a=void 0===o?"":o,i=e.type,s=void 0===i?"text":i,d=e.disabled,c=void 0!==d&&d,l=e.className;return r("input",{className:"text-input ".concat(void 0===l?"":l),type:s,value:t,onChange:n,placeholder:a,disabled:c})},u=function(e){var t=e.variant,n=void 0===t?"body1":t,o=e.tag,a=void 0===o?"p":o,i=e.children,s=e.className,d=e.color,c=e.style;return r(a,{className:"typography-".concat(n," text-").concat(d," ").concat(s),style:c,children:i})},b=function(t){var n=t.tabs,o=t.initialTab,i=a(void 0===o?0:o),s=i[0],d=i[1];return e("div",{className:"tabs",children:[r("div",{className:"tab-buttons",children:n.map((function(e,t){return r("button",{className:t===s?"active":"",onClick:function(){return d(t)},children:e.label},t)}))}),r("div",{className:"tab-content",children:n[s].content})]})},v=function(r){return String(r).length>10?r/1e3:r},p=function(r){var e=new Date(r);return e.setHours(0,0,0,0),e},g=function(r){var e=new Date(r);return e.setHours(23,59,59,999),e},f=function(){var r=p(new Date);return{startTime:r,endTime:g(r)}},y=function(r){var e=Date.UTC(r.getFullYear(),r.getMonth(),r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds());return v(e)};export{d as Button,c as Table,b as Tabs,u as Text,l as TextInput,g as getEndDateOfDay,p as getStartDateOfDay,f as getStartEndTimestampOfDay,y as getTimestampUTC,v as resloveTimestamp};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import{cva as o}from"class-variance-authority";import*as n from"react";import{forwardRef as i,useRef as l,useImperativeHandle as s,useState as d}from"react";var c=function(){return c=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},c.apply(this,arguments)};function u(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t}"function"==typeof SuppressedError&&SuppressedError;var p=o(["gap-2 font-bold text-white hover:bg-opacity-90 active:scale-[98%]"],{variants:{color:{primary:"bg-primary border-primary text-primary hover:bg-primary-80",secondary:"border-secondary bg-secondary-100 text-secondary-foreground hover:bg-secondary-120",tertiary:"border-tertiary-120 bg-tertiary-120 text-tertiary-120 hover:bg-tertiary-100",success:"border-success bg-success text-success  hover:bg-success-120",info:"border-info bg-info text-info hover:bg-info-100",warning:"border-warning bg-warning text-warning hover:bg-warning-100 hover:border-warning-100",error:"border-error bg-error text-error hover:bg-error-120 hover:border-error-120"},size:{sm:"px-3 py-1 text-sm rounded-[--btn-rounded-sm]",md:"px-4 py-2 text-sm rounded-[--btn-rounded-md]",lg:"px-6 py-4 text-base rounded-[--btn-rounded-lg]"},variant:{solid:"border",outline:"border bg-transparent hover:bg-opacity-20",flat:"bg-transparent hover:bg-opacity-20",link:"bg-transparent underline underline-offset-4 hover:bg-transparent hover:text-opacity-80"},disabled:{true:"pointer-events-none border-transparent bg-secondary-110 text-secondary-130"},fullwidth:{true:"w-full"}},compoundVariants:[{variant:["flat","link"],disabled:!0,class:"border-transparent bg-transparent"},{variant:"solid",color:"primary",class:"text-primary-foreground"},{variant:"solid",color:"secondary",class:"text-secondary-foreground"},{variant:"solid",disabled:!0,color:"secondary",class:"text-white"},{variant:"solid",color:"tertiary",class:"text-tertiary-foreground"},{variant:"solid",color:"success",class:"text-success-foreground"},{variant:"solid",color:"info",class:"text-info-foreground"},{variant:"solid",color:"warning",class:"text-warning-foreground"},{variant:"solid",color:"error",class:"text-error-foreground"}],defaultVariants:{size:"md",color:"primary",variant:"solid",fullwidth:!0}}),b=function(o){var n=o.size,i=void 0===n?"md":n,l=o.color,s=void 0===l?"primary":l,d=o.variant,b=void 0===d?"solid":d,f=o.title,g=o.children,h=o.startIcon,v=o.endIcon,m=o.disabled,y=void 0!==m&&m,x=o.fullwidth,w=void 0!==x&&x,z=o.isLoading,N=void 0!==z&&z,k=o.className,I=u(o,["size","color","variant","title","children","startIcon","endIcon","disabled","fullwidth","isLoading","className"]),O=y||N;return e("button",c({type:"button"},I,{"aria-disabled":O||void 0,tabIndex:O?-1:0,className:a(p({size:i,color:s,variant:b,disabled:y,fullwidth:w}),k),disabled:O,children:r(t,{children:[h,g||f,v]})}))},f=function(t){var a=t.columns,o=t.data;return r("table",{className:"table",children:[e("thead",{children:e("tr",{children:a.map((function(r,t){return e("th",{children:r.header},t)}))})}),e("tbody",{children:o.map((function(r,t){return e("tr",{children:a.map((function(t,a){return e("td",{children:r[t.accessor]},a)}))},t)}))})]})},g=o(["border-0 outline-none","p-1 flex","peer text-black placeholder:text-transparent"],{variants:{size:{sm:"p-2 px-3 typography-small1",md:"py-2 px-3 typography-subtitile4",lg:"p-4 typography-subtitile1"},rounded:{none:"rounded-none",normal:"rounded-xl",full:"rounded-full"},variant:{flat:"",outline:"ring-1 ring-inset ring-input-stroke hover:ring-input-active focus:ring-2 focus:ring-inset focus:ring-input-active",underline:"border-b-2 border-input-stroke transition-colors hover:border-input-stroke-active focus:border-input-stroke"},fullwidth:{true:"w-full"},disabled:{true:"text-input-text-disabled ring-input-stroke-disabled placeholder:text-input-text-disabled"},error:{true:"ring-error"},hasClearIcon:{true:""}},compoundVariants:[{variant:"underline",className:"rounded-none"},{hasClearIcon:!0,size:"sm",class:"focus:pe-6"},{hasClearIcon:!0,size:"md",class:"focus:pe-8"},{hasClearIcon:!0,size:"lg",class:"focus:pe-10"}],defaultVariants:{size:"md",variant:"outline",rounded:"normal",fullwidth:!1,disabled:!1,error:!1,hasClearIcon:!1}}),h=o(["absolute block transition-all px-[2px] text-input-text peer-focus:text-input-text-active peer-focus:bg-input-label-background"],{variants:{size:{sm:["left-3 top-2 typography-small1 peer-focus:-top-1.5 peer-focus:typography-label2","bg-input-label-background peer-[:not(:placeholder-shown)]:-top-1.5 peer-[:not(:placeholder-shown)]:typography-label2"],md:["left-3 top-2 typography-subtitile4 peer-focus:-top-1.5 peer-focus:typography-label1","bg-input-label-background peer-[:not(:placeholder-shown)]:-top-1.5 peer-[:not(:placeholder-shown)]:typography-label1"],lg:["left-4 top-4 typography-subtitile1 peer-focus:-top-1.5 peer-focus:typography-label1","bg-input-label-background peer-[:not(:placeholder-shown)]:-top-1.5 peer-[:not(:placeholder-shown)]:typography-label1"]},disabled:{true:"text-input-text-disabled ring-input-stroke-disabled placeholder:text-input-text-disabled"},error:{true:"ring-error"},isFloating:{true:"-top-1.5 typography-label1 bg-input-label-background"}},compoundVariants:[{size:"sm",isFloating:!0,class:"-top-1.5 typography-label2 bg-input-label-background"}],defaultVariants:{size:"md",disabled:!1,error:!1,isFloating:!1}}),v=o(["text-small1 flex flex-row items-center gap-1"],{variants:{size:{sm:"mt-1",md:"mt-[6px]",lg:"mt-[6px]"},disabled:{true:"text-input-text-disabled"},error:{true:"text-error",false:"text-input-text"}},defaultVariants:{size:"md",disabled:!1,error:!1}}),m=o(["absolute inset-y-0 right-0 items-center justify-center hidden peer-focus:flex"],{variants:{size:{sm:"mr-2",md:"mr-3",lg:"mr-4"}},defaultVariants:{size:"md"}}),y=o(["cursor-pointer z-50 fill-input-stroke-active hover:fill-input-text"],{variants:{size:{sm:"size-3",md:"size-4",lg:"size-5"}},defaultVariants:{size:"md"}});const x=n.forwardRef((function({title:e,titleId:r,...t},a){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?n.createElement("title",{id:r},e):null,n.createElement("path",{fillRule:"evenodd",d:"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",clipRule:"evenodd"}))}));const w=n.forwardRef((function({title:e,titleId:r,...t},a){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":r},t),e?n.createElement("title",{id:r},e):null,n.createElement("path",{fillRule:"evenodd",d:"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.78-4.22a.75.75 0 0 1-1.06 0L8 9.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L6.94 8 5.22 6.28a.75.75 0 0 1 1.06-1.06L8 6.94l1.72-1.72a.75.75 0 1 1 1.06 1.06L9.06 8l1.72 1.72a.75.75 0 0 1 0 1.06Z",clipRule:"evenodd"}))}));var z=i((function(t,o){var n,i=t.id,d=t.label,p=t.size,b=void 0===p?"md":p,f=t.rounded,z=void 0===f?"normal":f,N=t.variant,k=void 0===N?"outline":N,I=t.type,O=void 0===I?"text":I,C=t.helperText,j=t.errorMessage,E=t.fullwidth,V=void 0!==E&&E,M=t.disabled,D=void 0!==M&&M,F=t.error,L=void 0!==F&&F,R=t.required,S=void 0===R||R,T=t.hasClearIcon,Z=void 0===T||T,P=u(t,["id","label","size","rounded","variant","type","helperText","errorMessage","fullwidth","disabled","error","required","hasClearIcon"]),A=l(null),H=i||"".concat(O,"-").concat(d,"-input"),q=g({size:b,rounded:z,variant:k,fullwidth:V,disabled:D,error:L,hasClearIcon:Z}),B=h({size:b,disabled:D,error:L,isFloating:null!==(n=!!P.value)&&void 0!==n&&n}),U=v({size:b,error:L,disabled:D}),Y=m({size:b}),G=y({size:b});s(o,(function(){return{clearInput:J}}));var J=function(){A.current&&(A.current.value="")};return r("div",{className:"flex flex-col ".concat(V?"w-full":""),children:[r("div",{className:"relative",children:[e("input",c({},P,{ref:A,type:O,id:H,disabled:D,className:a(q,P.className)})),Z&&e("div",{className:Y,children:e(w,{type:"button",className:G,onMouseDown:J})}),r("label",{htmlFor:H,className:B,children:[d," ",S&&e("span",{className:"text-error",children:"*"})]})]}),(j||C)&&r("span",{className:U,children:[e(x,{width:16,height:16,className:L?"fill-error":""})," ",j||C]})]})})),N=function(r){var t=r.variant,a=void 0===t?"body1":t,o=r.tag,n=void 0===o?"p":o,i=r.children,l=r.className,s=r.color,d=r.style;return e(n,{className:"typography-".concat(a," text-").concat(s," ").concat(l),style:d,children:i})},k=function(t){var a=t.tabs,o=t.initialTab,n=d(void 0===o?0:o),i=n[0],l=n[1];return r("div",{className:"tabs",children:[e("div",{className:"tab-buttons",children:a.map((function(r,t){return e("button",{className:t===i?"active":"",onClick:function(){return l(t)},children:r.label},t)}))}),e("div",{className:"tab-content",children:a[i].content})]})},I=function(e){return String(e).length>10?e/1e3:e},O=function(e){var r=new Date(e);return r.setHours(0,0,0,0),r},C=function(e){var r=new Date(e);return r.setHours(23,59,59,999),r},j=function(){var e=O(new Date);return{startTime:e,endTime:C(e)}},E=function(e){var r=Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds());return I(r)};export{b as Button,f as Table,k as Tabs,N as Text,z as TextInput,C as getEndDateOfDay,O as getStartDateOfDay,j as getStartEndTimestampOfDay,E as getTimestampUTC,I as resloveTimestamp};
 //# sourceMappingURL=bundle.js.map