@choice-ui/react 1.7.4 → 1.7.6

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

@@ -122,6 +122,9 @@ export declare const propertiesPanelRowTv: import('tailwind-variants').TVReturnT
         "two-input-two-icon": {
             container: string;
         };
+        "one-icon-one-input-one-icon": {
+            container: string;
+        };
         "one-icon-one-input-two-icon": {
             container: string;
         };
@@ -179,6 +182,9 @@ export declare const propertiesPanelRowTv: import('tailwind-variants').TVReturnT
         "two-input-two-icon": {
             container: string;
         };
+        "one-icon-one-input-one-icon": {
+            container: string;
+        };
         "one-icon-one-input-two-icon": {
             container: string;
         };
@@ -236,6 +242,9 @@ export declare const propertiesPanelRowTv: import('tailwind-variants').TVReturnT
         "two-input-two-icon": {
             container: string;
         };
+        "one-icon-one-input-one-icon": {
+            container: string;
+        };
         "one-icon-one-input-two-icon": {
             container: string;
         };
@@ -362,3 +371,83 @@ export declare const panelSortableRowTv: import('tailwind-variants').TVReturnTyp
     root: string;
     handle: string[];
 }, undefined, unknown, unknown, undefined>>;
+export declare const panelLabelTv: import('tailwind-variants').TVReturnType<{
+    showLabels: {
+        true: string[];
+        false: string;
+    };
+}, undefined, "[grid-area:label]", {
+    showLabels: {
+        true: string[];
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    showLabels: {
+        true: string[];
+        false: string;
+    };
+}, undefined, "[grid-area:label]", unknown, unknown, undefined>>;
+export declare const panelPreviewerTv: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "bg-secondary-background text-secondary-foreground relative mx-4 my-2 flex h-32 flex-col items-center justify-center rounded-xl", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "bg-secondary-background text-secondary-foreground relative mx-4 my-2 flex h-32 flex-col items-center justify-center rounded-xl", unknown, unknown, undefined>>;
+export declare const panelRowLabelTv: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-secondary-foreground cursor-default truncate select-none [grid-area:label]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-secondary-foreground cursor-default truncate select-none [grid-area:label]", unknown, unknown, undefined>>;
+export declare const panelRowManyIconTv: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            container?: import('tailwind-merge').ClassNameValue;
+            iconWrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            container?: import('tailwind-merge').ClassNameValue;
+            iconWrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    iconWrapper: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            container?: import('tailwind-merge').ClassNameValue;
+            iconWrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    iconWrapper: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    container: string;
+    iconWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const panelSortableContainerTv: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            container?: import('tailwind-merge').ClassNameValue;
+            rowContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            container?: import('tailwind-merge').ClassNameValue;
+            rowContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    rowContainer: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            container?: import('tailwind-merge').ClassNameValue;
+            rowContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string;
+    rowContainer: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    container: string;
+    rowContainer: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/panel/src/tv.js

@@ -1,7 +1,7 @@
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const propertiesPanelTv = tcv({
   slots: {
-    container: "properties-panel",
+    container: "relative flex min-w-0 flex-col not-last:border-b",
     triggerRef: "pointer-events-none absolute inset-y-0 left-0"
   },
   variants: {
@@ -27,7 +27,7 @@ const propertiesPaneTitleTv = tcv({
 });
 const propertiesPanelRowTv = tcv({
   slots: {
-    container: "group rows",
+    container: "group grid min-w-0 items-center pr-2 pl-4",
     triggerRef: "pointer-events-none absolute inset-y-0 left-0"
   },
   variants: {
@@ -42,6 +42,7 @@ const propertiesPanelRowTv = tcv({
       "one-input-two-icon": { container: "rows--one-input-two-icon" },
       "two-input-one-icon": { container: "rows--two-input-one-icon" },
       "two-input-two-icon": { container: "rows--two-input-two-icon" },
+      "one-icon-one-input-one-icon": { container: "rows--one-icon-one-input-one-icon" },
       "one-icon-one-input-two-icon": { container: "rows--one-icon-one-input-two-icon" },
       "two-input-one-icon-double-row": { container: "rows--two-input-one-icon-double-row" },
       "one-icon-one-input-two-icon-double-row": {
@@ -97,7 +98,42 @@ const panelSortableRowTv = tcv({
     singleItem: false
   }
 });
+const panelLabelTv = tcv({
+  base: "[grid-area:label]",
+  variants: {
+    showLabels: {
+      true: ["text-secondary-foreground", "rows--label"],
+      false: "sr-only"
+    }
+  },
+  defaultVariants: {
+    showLabels: false
+  }
+});
+const panelPreviewerTv = tcv({
+  base: "bg-secondary-background text-secondary-foreground relative mx-4 my-2 flex h-32 flex-col items-center justify-center rounded-xl"
+});
+const panelRowLabelTv = tcv({
+  base: "text-secondary-foreground cursor-default truncate select-none [grid-area:label]"
+});
+const panelRowManyIconTv = tcv({
+  slots: {
+    container: "group text-body-medium flex h-8 min-w-0 items-center justify-between gap-x-2 pr-2 pl-4 select-none",
+    iconWrapper: "text-secondary-foreground group-hover:text-default-foreground flex h-6 min-w-6 flex-none gap-x-1"
+  }
+});
+const panelSortableContainerTv = tcv({
+  slots: {
+    container: "relative flex flex-col",
+    rowContainer: "panel-sortable-row group/sortable-row relative"
+  }
+});
 export {
+  panelLabelTv,
+  panelPreviewerTv,
+  panelRowLabelTv,
+  panelRowManyIconTv,
+  panelSortableContainerTv,
   panelSortableRowTv,
   propertiesPaneTitleTv,
   propertiesPanelRowTv,

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

@@ -1 +1 @@
-export { AllotmentProps, Allotment as Splitter, AllotmentHandle as SplitterHandle } from 'allotment';
+export { Allotment as Splitter, AllotmentHandle as SplitterHandle, AllotmentProps as SplitterProps } from 'allotment';

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

@@ -1,3 +1,3 @@
-import { Allotment as Splitter, AllotmentProps, AllotmentHandle as SplitterHandle } from 'allotment';
+import { Allotment as Splitter, AllotmentProps as SplitterProps, AllotmentHandle as SplitterHandle } from 'allotment';
 export { Splitter };
-export type { SplitterHandle, AllotmentProps };
+export type { SplitterHandle, SplitterProps };

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 */
@@ -442,6 +441,11 @@
     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-one-icon {
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1.5rem 0.5rem 1fr 0.5rem 1.5rem;
+    grid-template-areas: "label label label label label" "icon-1 . input . icon-2";
+  }
   .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;
@@ -582,30 +586,14 @@
       @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 */
@@ -626,4 +614,3 @@
     }
   }
 }
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "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>>;