@poveste/controls 0.1.3 → 0.2.0

package/dist/style-standalone.css

@@ -311,523 +311,523 @@
   --tw-contain-style: 
 }
 
-.htw-absolute{
+.ptw-absolute{
   position:absolute
 }
 
-.htw-relative{
+.ptw-relative{
   position:relative
 }
 
-.htw-inset-0{
+.ptw-inset-0{
   inset:0px
 }
 
-.htw-z-10{
+.ptw-z-10{
   z-index:10
 }
 
-.htw-m-0{
+.ptw-m-0{
   margin:0px
 }
 
-.htw-m-4{
+.ptw-m-4{
   margin:1rem
 }
 
-.-htw-my-1{
+.-ptw-my-1{
   margin-top:-0.25rem;
   margin-bottom:-0.25rem
 }
 
-.htw-mx-4{
+.ptw-mx-4{
   margin-left:1rem;
   margin-right:1rem
 }
 
-.htw-my-0{
+.ptw-my-0{
   margin-top:0px;
   margin-bottom:0px
 }
 
-.htw-my-8{
+.ptw-my-8{
   margin-top:2rem;
   margin-bottom:2rem
 }
 
-.htw-mb-2{
+.ptw-mb-2{
   margin-bottom:0.5rem
 }
 
-.htw-ml-auto{
+.ptw-ml-auto{
   margin-left:auto
 }
 
-.htw-mr-2{
+.ptw-mr-2{
   margin-right:0.5rem
 }
 
-.htw-box-border{
+.ptw-box-border{
   box-sizing:border-box
 }
 
-.htw-block{
+.ptw-block{
   display:block
 }
 
-.htw-flex{
+.ptw-flex{
   display:flex
 }
 
-.htw-grid{
+.ptw-grid{
   display:grid
 }
 
-.\!htw-hidden{
+.\!ptw-hidden{
   display:none !important
 }
 
-.htw-h-1{
+.ptw-h-1{
   height:0.25rem
 }
 
-.htw-h-16{
+.ptw-h-16{
   height:4rem
 }
 
-.htw-h-20{
+.ptw-h-20{
   height:5rem
 }
 
-.htw-h-3{
+.ptw-h-3{
   height:0.75rem
 }
 
-.htw-h-32{
+.ptw-h-32{
   height:8rem
 }
 
-.htw-h-4{
+.ptw-h-4{
   height:1rem
 }
 
-.htw-h-48{
+.ptw-h-48{
   height:12rem
 }
 
-.htw-h-\[100px\]{
+.ptw-h-\[100px\]{
   height:100px
 }
 
-.htw-h-\[16px\]{
+.ptw-h-\[16px\]{
   height:16px
 }
 
-.htw-h-\[22px\]{
+.ptw-h-\[22px\]{
   height:22px
 }
 
-.htw-h-\[27px\]{
+.ptw-h-\[27px\]{
   height:27px
 }
 
-.htw-min-h-32{
+.ptw-min-h-32{
   min-height:8rem
 }
 
-.htw-min-h-\[26px\]{
+.ptw-min-h-\[26px\]{
   min-height:26px
 }
 
-.htw-w-16{
+.ptw-w-16{
   width:4rem
 }
 
-.htw-w-28{
+.ptw-w-28{
   width:7rem
 }
 
-.htw-w-3{
+.ptw-w-3{
   width:0.75rem
 }
 
-.htw-w-32{
+.ptw-w-32{
   width:8rem
 }
 
-.htw-w-4{
+.ptw-w-4{
   width:1rem
 }
 
-.htw-w-\[16px\]{
+.ptw-w-\[16px\]{
   width:16px
 }
 
-.htw-w-full{
+.ptw-w-full{
   width:100%
 }
 
-.htw-max-w-full{
+.ptw-max-w-full{
   max-width:100%
 }
 
-.htw-flex-1{
+.ptw-flex-1{
   flex:1 1 0%
 }
 
-.htw-flex-none{
+.ptw-flex-none{
   flex:none
 }
 
-.htw-shrink{
+.ptw-shrink{
   flex-shrink:1
 }
 
-.htw-shrink-0{
+.ptw-shrink-0{
   flex-shrink:0
 }
 
-.htw-grow{
+.ptw-grow{
   flex-grow:1
 }
 
-.htw-scale-0{
+.ptw-scale-0{
   --tw-scale-x:0;
   --tw-scale-y:0;
   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))
 }
 
-.htw-cursor-ew-resize{
+.ptw-cursor-ew-resize{
   cursor:ew-resize
 }
 
-.htw-cursor-pointer{
+.ptw-cursor-pointer{
   cursor:pointer
 }
 
-.htw-cursor-text{
+.ptw-cursor-text{
   cursor:text
 }
 
-.htw-select-none{
+.ptw-select-none{
   -webkit-user-select:none;
      -moz-user-select:none;
           user-select:none
 }
 
-.htw-resize-y{
+.ptw-resize-y{
   resize:vertical
 }
 
-.htw-appearance-none{
+.ptw-appearance-none{
   -webkit-appearance:none;
      -moz-appearance:none;
           appearance:none
 }
 
-.htw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
+.ptw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
   grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
 }
 
-.htw-flex-row{
+.ptw-flex-row{
   flex-direction:row
 }
 
-.htw-flex-col{
+.ptw-flex-col{
   flex-direction:column
 }
 
-.htw-flex-wrap{
+.ptw-flex-wrap{
   flex-wrap:wrap
 }
 
-.htw-flex-nowrap{
+.ptw-flex-nowrap{
   flex-wrap:nowrap
 }
 
-.htw-items-end{
+.ptw-items-end{
   align-items:flex-end
 }
 
-.htw-items-center{
+.ptw-items-center{
   align-items:center
 }
 
-.htw-gap-1{
+.ptw-gap-1{
   gap:0.25rem
 }
 
-.htw-gap-2{
+.ptw-gap-2{
   gap:0.5rem
 }
 
-.htw-gap-4{
+.ptw-gap-4{
   gap:1rem
 }
 
-.htw-gap-px{
+.ptw-gap-px{
   gap:1px
 }
 
-.htw-overflow-auto{
+.ptw-overflow-auto{
   overflow:auto
 }
 
-.htw-overflow-hidden{
+.ptw-overflow-hidden{
   overflow:hidden
 }
 
-.htw-truncate{
+.ptw-truncate{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap
 }
 
-.htw-text-ellipsis{
+.ptw-text-ellipsis{
   text-overflow:ellipsis
 }
 
-.htw-whitespace-nowrap{
+.ptw-whitespace-nowrap{
   white-space:nowrap
 }
 
-.\!htw-rounded-\[3px\]{
+.\!ptw-rounded-\[3px\]{
   border-radius:3px !important
 }
 
-.htw-rounded{
+.ptw-rounded{
   border-radius:0.375rem
 }
 
-.htw-rounded-full{
+.ptw-rounded-full{
   border-radius:9999px
 }
 
-.htw-rounded-sm{
+.ptw-rounded-sm{
   border-radius:0.25rem
 }
 
-.htw-border{
+.ptw-border{
   border-width:1px
 }
 
-.htw-border-0{
+.ptw-border-0{
   border-width:0px
 }
 
-.htw-border-2{
+.ptw-border-2{
   border-width:2px
 }
 
-.htw-border-8{
+.ptw-border-8{
   border-width:8px
 }
 
-.htw-border-solid{
+.ptw-border-solid{
   border-style:solid
 }
 
-.htw-border-none{
+.ptw-border-none{
   border-style:none
 }
 
-.htw-border-black\/25{
+.ptw-border-black\/25{
   border-color:rgb(0 0 0 / 0.25)
 }
 
-.htw-border-gray-850{
+.ptw-border-gray-850{
   --tw-border-opacity:1;
   border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))
 }
 
-.htw-border-primary-500{
+.ptw-border-primary-500{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.\!htw-bg-primary-500{
+.\!ptw-bg-primary-500{
   --tw-bg-opacity:1 !important;
   background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important
 }
 
-.htw-bg-gray-200{
+.ptw-bg-gray-200{
   --tw-bg-opacity:1;
   background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))
 }
 
-.htw-bg-gray-50{
+.ptw-bg-gray-50{
   --tw-bg-opacity:1;
   background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
 }
 
-.htw-bg-gray-500\/10{
+.ptw-bg-gray-500\/10{
   background-color:rgb(113 113 122 / 0.1)
 }
 
-.htw-bg-gray-500\/50{
+.ptw-bg-gray-500\/50{
   background-color:rgb(113 113 122 / 0.5)
 }
 
-.htw-bg-gray-700{
+.ptw-bg-gray-700{
   --tw-bg-opacity:1;
   background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
 }
 
-.htw-bg-primary-200{
+.ptw-bg-primary-200{
   --tw-bg-opacity:1;
   background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))
 }
 
-.htw-bg-primary-500{
+.ptw-bg-primary-500{
   --tw-bg-opacity:1;
   background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))
 }
 
-.htw-bg-primary-800{
+.ptw-bg-primary-800{
   --tw-bg-opacity:1;
   background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
 }
 
-.htw-bg-transparent{
+.ptw-bg-transparent{
   background-color:transparent
 }
 
-.htw-bg-white{
+.ptw-bg-white{
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
 }
 
-.htw-fill-primary-500{
+.ptw-fill-primary-500{
   fill:#10b981
 }
 
-.htw-fill-transparent{
+.ptw-fill-transparent{
   fill:transparent
 }
 
-.htw-stroke-white{
+.ptw-stroke-white{
   stroke:#fff
 }
 
-.htw-stroke-2{
+.ptw-stroke-2{
   stroke-width:2
 }
 
-.htw-p-2{
+.ptw-p-2{
   padding:0.5rem
 }
 
-.htw-p-4{
+.ptw-p-4{
   padding:1rem
 }
 
-.htw-p-px{
+.ptw-p-px{
   padding:1px
 }
 
-.htw-px-1{
+.ptw-px-1{
   padding-left:0.25rem;
   padding-right:0.25rem
 }
 
-.htw-px-2{
+.ptw-px-2{
   padding-left:0.5rem;
   padding-right:0.5rem
 }
 
-.htw-py-1{
+.ptw-py-1{
   padding-top:0.25rem;
   padding-bottom:0.25rem
 }
 
-.htw-pl-2{
+.ptw-pl-2{
   padding-left:0.5rem
 }
 
-.htw-text-5xl{
+.ptw-text-5xl{
   font-size:3rem;
   line-height:1
 }
 
-.htw-text-xs{
+.ptw-text-xs{
   font-size:0.75rem;
   line-height:1rem
 }
 
-.htw-leading-normal{
+.ptw-leading-normal{
   line-height:1.5
 }
 
-.htw-text-gray-700{
+.ptw-text-gray-700{
   --tw-text-opacity:1;
   color:rgb(63 63 70 / var(--tw-text-opacity, 1))
 }
 
-.htw-text-gray-900{
+.ptw-text-gray-900{
   --tw-text-opacity:1;
   color:rgb(24 24 27 / var(--tw-text-opacity, 1))
 }
 
-.htw-text-inherit{
+.ptw-text-inherit{
   color:inherit
 }
 
-.htw-text-orange-500{
+.ptw-text-orange-500{
   --tw-text-opacity:1;
   color:rgb(249 115 22 / var(--tw-text-opacity, 1))
 }
 
-.htw-text-white{
+.ptw-text-white{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity, 1))
 }
 
-.htw-opacity-50{
+.ptw-opacity-50{
   opacity:0.5
 }
 
-.htw-outline-none{
+.ptw-outline-none{
   outline:2px solid transparent;
   outline-offset:2px
 }
 
-.htw-transition-all{
+.ptw-transition-all{
   transition-property:all;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration:150ms
 }
 
-.htw-transition-border{
+.ptw-transition-border{
   transition-property:border;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration:150ms
 }
 
-.htw-transition-none{
+.ptw-transition-none{
   transition-property:none
 }
 
-.htw-delay-150{
+.ptw-delay-150{
   transition-delay:150ms
 }
 
-.htw-duration-150{
+.ptw-duration-150{
   transition-duration:150ms
 }
 
-.htw-duration-200{
+.ptw-duration-200{
   transition-duration:200ms
 }
 
-.htw-ease-in-out{
+.ptw-ease-in-out{
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
 }
 
-.htw-ease-out{
+.ptw-ease-out{
   transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
 }
 
-.htw-will-change-transform{
+.ptw-will-change-transform{
   will-change:transform
 }
 
@@ -835,7 +835,7 @@ body {
   font-size: 1.125rem;
 }
 
-body:is(.htw-dark *){
+body:is(.ptw-dark *){
   --tw-text-opacity:1;
   color:rgb(244 244 245 / var(--tw-text-opacity, 1))
 }
@@ -846,128 +846,128 @@ body:is(.htw-dark *){
   }
 }
 
-.focus-within\:htw-border-primary-500:focus-within{
+.focus-within\:ptw-border-primary-500:focus-within{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.hover\:htw-border-primary-500:hover{
+.hover\:ptw-border-primary-500:hover{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.hover\:htw-bg-gray-500\/20:hover{
+.hover\:ptw-bg-gray-500\/20:hover{
   background-color:rgb(113 113 122 / 0.2)
 }
 
-.hover\:htw-bg-primary-100:hover{
+.hover\:ptw-bg-primary-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))
 }
 
-.hover\:htw-bg-primary-200:hover{
+.hover\:ptw-bg-primary-200:hover{
   --tw-bg-opacity:1;
   background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))
 }
 
-.hover\:htw-bg-primary-600:hover{
+.hover\:ptw-bg-primary-600:hover{
   --tw-bg-opacity:1;
   background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))
 }
 
-.hover\:htw-text-primary-500:hover{
+.hover\:ptw-text-primary-500:hover{
   --tw-text-opacity:1;
   color:rgb(16 185 129 / var(--tw-text-opacity, 1))
 }
 
-.hover\:htw-opacity-100:hover{
+.hover\:ptw-opacity-100:hover{
   opacity:1
 }
 
-.focus\:htw-border-primary-500:focus{
+.focus\:ptw-border-primary-500:focus{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.htw-group:hover .group-hover\:htw-border-primary-500{
+.ptw-group:hover .group-hover\:ptw-border-primary-500{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.htw-group:active .group-active\:htw-bg-gray-500\/20{
+.ptw-group:active .group-active\:ptw-bg-gray-500\/20{
   background-color:rgb(113 113 122 / 0.2)
 }
 
-.dark\:htw-border-white\/25:is(.htw-dark *){
+.dark\:ptw-border-white\/25:is(.ptw-dark *){
   border-color:rgb(255 255 255 / 0.25)
 }
 
-.dark\:htw-bg-black:is(.htw-dark *){
+.dark\:ptw-bg-black:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:htw-bg-gray-600:is(.htw-dark *){
+.dark\:ptw-bg-gray-600:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:htw-bg-gray-700:is(.htw-dark *){
+.dark\:ptw-bg-gray-700:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:htw-bg-gray-750:is(.htw-dark *){
+.dark\:ptw-bg-gray-750:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(50 50 56 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:htw-bg-primary-800:is(.htw-dark *){
+.dark\:ptw-bg-primary-800:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:htw-text-black:is(.htw-dark *){
+.dark\:ptw-text-black:is(.ptw-dark *){
   --tw-text-opacity:1;
   color:rgb(0 0 0 / var(--tw-text-opacity, 1))
 }
 
-.dark\:htw-text-gray-100:is(.htw-dark *){
+.dark\:ptw-text-gray-100:is(.ptw-dark *){
   --tw-text-opacity:1;
   color:rgb(244 244 245 / var(--tw-text-opacity, 1))
 }
 
-.dark\:focus-within\:htw-border-primary-500:focus-within:is(.htw-dark *){
+.dark\:focus-within\:ptw-border-primary-500:focus-within:is(.ptw-dark *){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.dark\:hover\:htw-border-primary-500:hover:is(.htw-dark *){
+.dark\:hover\:ptw-border-primary-500:hover:is(.ptw-dark *){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.dark\:hover\:htw-bg-primary-700:hover:is(.htw-dark *){
+.dark\:hover\:ptw-bg-primary-700:hover:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:hover\:htw-bg-primary-800:hover:is(.htw-dark *){
+.dark\:hover\:ptw-bg-primary-800:hover:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:hover\:htw-bg-primary-900:hover:is(.htw-dark *){
+.dark\:hover\:ptw-bg-primary-900:hover:is(.ptw-dark *){
   --tw-bg-opacity:1;
   background-color:rgb(6 78 59 / var(--tw-bg-opacity, 1))
 }
 
-.dark\:focus\:htw-border-primary-500:focus:is(.htw-dark *){
+.dark\:focus\:ptw-border-primary-500:focus:is(.ptw-dark *){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.htw-group:hover .group-hover\:dark\:htw-border-primary-500:is(.htw-dark *){
+.ptw-group:hover .group-hover\:dark\:ptw-border-primary-500:is(.ptw-dark *){
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }