@choice-ui/react 1.7.3 → 1.7.5

package/dist/styles/components.css

@@ -26,7 +26,6 @@
   --animate-spinner-bounce-right: spinner-bounce-right 0.5s infinite alternate ease;
   --animate-indeterminate-bar: indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395)
     infinite normal none running;
-
 }
 
 /* Base styles */
@@ -363,98 +362,6 @@
   }
 }
 
-/* Panel row styles */
-@layer components {
-  .properties-panel {
-    @apply relative flex min-w-0 flex-col;
-    &:not(:last-child) {
-      @apply border-b;
-    }
-  }
-
-  .rows {
-    @apply grid min-w-0 items-center pr-2 pl-4;
-  }
-  .rows--label {
-    @apply text-secondary-foreground mt-1 select-none;
-    padding-right: 0.125rem;
-    padding-left: 0.125rem;
-    font-weight: 500;
-    font-size: 0.5625rem;
-    line-height: 0.875rem;
-    letter-spacing: 0.016875rem;
-  }
-  .rows--single {
-    @apply gap-x-2 pr-4;
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: 1fr;
-    grid-template-areas: "label" "input";
-  }
-  .rows--two-columns {
-    @apply gap-x-2 pr-4;
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: 1fr 1fr;
-    grid-template-areas: "label-1 label-2" "input-1 input-2";
-  }
-  .rows--one-label-one-input {
-    @apply gap-x-2 pr-4;
-    grid-template-rows: 2rem;
-    grid-template-columns: 8fr 20fr;
-    grid-template-areas: "label input";
-  }
-  .rows--one-label-one-input-one-icon {
-    @apply gap-x-1 pr-2;
-    grid-template-rows: 2rem;
-    grid-template-columns: 8fr 20fr 1.5rem;
-    grid-template-areas: "label input icon";
-  }
-  .rows--one-label-two-input {
-    @apply gap-x-2 pr-4;
-    grid-template-rows: 2rem;
-    grid-template-columns: 8fr 10fr 10fr;
-    grid-template-areas: "label input-1 input-2";
-  }
-  .rows--one-icon-one-input {
-    @apply gap-x-2 pr-4;
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: 1.5rem 1fr;
-    grid-template-areas: ". label" "icon input";
-  }
-  .rows--one-input-one-icon {
-    @apply gap-x-2;
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: 1fr 1.5rem;
-    grid-template-areas: "label label" "input icon";
-  }
-  .rows--one-input-two-icon {
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: 1fr 0.5rem 1.5rem 0.25rem 1.5rem;
-    grid-template-areas: "label . . . ." "input . icon-1 . icon-2";
-  }
-  .rows--two-input-two-icon {
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: minmax(76px, 1fr) 0.5rem 1fr 0.5rem 1.5rem 0.25rem 1.5rem;
-    grid-template-areas: "label-1 label-1 label-2 label-2 . . ." "input-1 . input-2 . icon-1 . icon-2";
-  }
-  .rows--two-input-one-icon {
-    @apply gap-x-2;
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: 1fr 1fr 1.5rem;
-    grid-template-areas: "label-1 label-2 label-2" "input-1 input-2 icon";
-  }
-  .rows--one-icon-one-input-two-icon {
-    grid-template-rows: auto minmax(2rem, auto);
-    grid-template-columns: 1.5rem 0.5rem 1fr 0.5rem 1.5rem 0.25rem 1.5rem;
-    grid-template-areas: "label label label label label label label" "icon-1 . input . icon-2 . icon-3";
-  }
-  .rows--two-input-one-icon-double-row {
-    @apply gap-x-2;
-    grid-template-rows: auto 2rem 2rem;
-    grid-template-columns: 1fr 1fr 1.5rem;
-    grid-template-areas: "label-1 label-2 ." "input-1 input-3 icon-1" "input-2 input-3 icon-2";
-  }
-}
-
 /* Condition styles */
 @layer components {
   .condition__group {
@@ -507,28 +414,6 @@
   }
 }
 
-/* Skeleton styles */
-@layer components {
-  .skeleton {
-    transition: all 0.2s ease-in-out !important;
-    outline: none !important;
-    box-shadow: none !important;
-    border-color: transparent !important;
-    border-radius: var(--radius-md);
-    background-color: var(--color-secondary-background) !important;
-    resize: none !important;
-    pointer-events: none !important;
-    color: transparent !important;
-    &::placeholder,
-    &:placeholder-shown {
-      color: transparent !important;
-    }
-    & * {
-      visibility: hidden !important;
-    }
-  }
-}
-
 /* Comments styles */
 @layer components {
   .comments__input {
@@ -543,87 +428,3 @@
     column-gap: calc(var(--spacing) * 2);
   }
 }
-
-/* Fields styles */
-@layer components {
-  .fields__text-field {
-    grid-template-columns: auto 1fr auto;
-    grid-template-areas: "prefix input suffix";
-    &::before {
-      @apply pointer-events-none z-2 h-full border transform-3d;
-      grid-row: 1 / 2;
-      grid-column: 1 / 4;
-      border-radius: inherit;
-      content: "";
-    }
-  }
-
-  .input__number {
-    grid-template-columns: auto auto 1fr auto auto;
-    grid-template-areas: "prefix-handler variable input action suffix-handler";
-    &::before {
-      @apply pointer-events-none z-3 rounded-md border;
-      grid-row: 1 / 2;
-      grid-column: 1 / 6;
-      content: "";
-    }
-  }
-
-  .input__number--default {
-    grid-template-rows: 1.5rem;
-    &::before {
-      @apply h-6;
-    }
-  }
-
-  .input__number--large {
-    grid-template-rows: 2rem;
-    &::before {
-      @apply h-8;
-    }
-  }
-
-  .input-search {
-    @apply relative grid;
-    grid-template-columns: 1.5rem 1fr auto;
-    grid-template-areas: "icon input action";
-    &::before {
-      @apply pointer-events-none z-2 h-full rounded-md border border-transparent;
-      grid-row: 1 / 2;
-      grid-column: 1 / 4;
-    }
-  }
-}
-
-/* Modal styles */
-@layer components {
-  .modal__header {
-    @apply grid;
-    grid-template-rows: minmax(2.5rem, auto);
-    grid-template-areas: "title . close" "input input input";
-  }
-
-  .modal__header--action {
-    grid-template-columns: auto 1fr 2.5rem;
-  }
-}
-
-/* OTP Input styles */
-@layer components {
-  .otp-input__caret {
-    animation: otp-caret-blink 1s ease-out infinite;
-  }
-
-  @keyframes otp-caret-blink {
-    0%,
-    70%,
-    100% {
-      opacity: 1;
-    }
-    20%,
-    50% {
-      opacity: 0;
-    }
-  }
-}
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",

package/dist/components/splitter/src/tv.d.ts

@@ -1,7 +0,0 @@
-export declare const SplitterTv: import('tailwind-variants').TVReturnType<{}, {
-    root: string;
-}, undefined, {}, {
-    root: string;
-}, import('tailwind-variants').TVReturnType<{}, {
-    root: string;
-}, undefined, unknown, unknown, undefined>>;