@algorithm-shift/design-system 1.2.74 → 1.2.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/client.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React from 'react';
2
+ import React__default from 'react';
3
3
  import { UseFormReturn } from 'react-hook-form';
4
4
  import { z } from 'zod';
5
5
 
@@ -7,7 +7,7 @@ interface FormWrapperProps<T extends z.ZodObject<any>> {
7
7
  validation?: Record<string, any>;
8
8
  formName?: string;
9
9
  defaultValues?: Partial<z.infer<T>> | any;
10
- children?: React.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React.ReactNode);
10
+ children?: React__default.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React__default.ReactNode);
11
11
  onSubmit?: (data: z.infer<T>) => void;
12
12
  onReset?: () => void;
13
13
  }
@@ -17,7 +17,7 @@ interface FormProps<T extends z.ZodObject<any>> {
17
17
  validation?: any[];
18
18
  formName?: string;
19
19
  defaultValues?: Partial<z.infer<T>> | any;
20
- children?: React.ReactNode;
20
+ children?: React__default.ReactNode;
21
21
  onSubmit?: (data: z.infer<T>) => void;
22
22
  onReset?: () => void;
23
23
  }
@@ -35,7 +35,7 @@ type CanvasAction = {
35
35
  declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
36
36
 
37
37
  declare function StateProvider({ children, initialState }: {
38
- children: React.ReactNode;
38
+ children: React__default.ReactNode;
39
39
  initialState?: CanvasState;
40
40
  }): react_jsx_runtime.JSX.Element;
41
41
  declare function useAppState(): any;
package/dist/client.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React from 'react';
2
+ import React__default from 'react';
3
3
  import { UseFormReturn } from 'react-hook-form';
4
4
  import { z } from 'zod';
5
5
 
@@ -7,7 +7,7 @@ interface FormWrapperProps<T extends z.ZodObject<any>> {
7
7
  validation?: Record<string, any>;
8
8
  formName?: string;
9
9
  defaultValues?: Partial<z.infer<T>> | any;
10
- children?: React.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React.ReactNode);
10
+ children?: React__default.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React__default.ReactNode);
11
11
  onSubmit?: (data: z.infer<T>) => void;
12
12
  onReset?: () => void;
13
13
  }
@@ -17,7 +17,7 @@ interface FormProps<T extends z.ZodObject<any>> {
17
17
  validation?: any[];
18
18
  formName?: string;
19
19
  defaultValues?: Partial<z.infer<T>> | any;
20
- children?: React.ReactNode;
20
+ children?: React__default.ReactNode;
21
21
  onSubmit?: (data: z.infer<T>) => void;
22
22
  onReset?: () => void;
23
23
  }
@@ -35,7 +35,7 @@ type CanvasAction = {
35
35
  declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
36
36
 
37
37
  declare function StateProvider({ children, initialState }: {
38
- children: React.ReactNode;
38
+ children: React__default.ReactNode;
39
39
  initialState?: CanvasState;
40
40
  }): react_jsx_runtime.JSX.Element;
41
41
  declare function useAppState(): any;
package/dist/index.css CHANGED
@@ -570,6 +570,9 @@
570
570
  .max-h-\[90vh\] {
571
571
  max-height: 90vh;
572
572
  }
573
+ .max-h-\[300px\] {
574
+ max-height: 300px;
575
+ }
573
576
  .max-h-\[calc\(90vh-140px\)\] {
574
577
  max-height: calc(90vh - 140px);
575
578
  }
@@ -657,6 +660,9 @@
657
660
  .w-\[200px\] {
658
661
  width: 200px;
659
662
  }
663
+ .w-\[var\(--radix-popover-trigger-width\)\] {
664
+ width: var(--radix-popover-trigger-width);
665
+ }
660
666
  .w-auto {
661
667
  width: auto;
662
668
  }
@@ -758,6 +764,9 @@
758
764
  .scroll-my-1 {
759
765
  scroll-margin-block: calc(var(--spacing) * 1);
760
766
  }
767
+ .scroll-py-1 {
768
+ scroll-padding-block: calc(var(--spacing) * 1);
769
+ }
761
770
  .appearance-auto {
762
771
  appearance: auto;
763
772
  }
@@ -851,6 +860,11 @@
851
860
  margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
852
861
  }
853
862
  }
863
+ .truncate {
864
+ overflow: hidden;
865
+ text-overflow: ellipsis;
866
+ white-space: nowrap;
867
+ }
854
868
  .overflow-hidden {
855
869
  overflow: hidden;
856
870
  }
@@ -1119,6 +1133,9 @@
1119
1133
  .py-4 {
1120
1134
  padding-block: calc(var(--spacing) * 4);
1121
1135
  }
1136
+ .py-6 {
1137
+ padding-block: calc(var(--spacing) * 6);
1138
+ }
1122
1139
  .pt-\[10px\] {
1123
1140
  padding-top: 10px;
1124
1141
  }
@@ -2022,6 +2039,16 @@
2022
2039
  opacity: 50%;
2023
2040
  }
2024
2041
  }
2042
+ .data-\[disabled\=true\]\:pointer-events-none {
2043
+ &[data-disabled=true] {
2044
+ pointer-events: none;
2045
+ }
2046
+ }
2047
+ .data-\[disabled\=true\]\:opacity-50 {
2048
+ &[data-disabled=true] {
2049
+ opacity: 50%;
2050
+ }
2051
+ }
2025
2052
  .data-\[inset\]\:pl-8 {
2026
2053
  &[data-inset] {
2027
2054
  padding-left: calc(var(--spacing) * 8);
@@ -2104,6 +2131,16 @@
2104
2131
  border-radius: 0;
2105
2132
  }
2106
2133
  }
2134
+ .data-\[selected\=true\]\:bg-accent {
2135
+ &[data-selected=true] {
2136
+ background-color: var(--accent);
2137
+ }
2138
+ }
2139
+ .data-\[selected\=true\]\:text-accent-foreground {
2140
+ &[data-selected=true] {
2141
+ color: var(--accent-foreground);
2142
+ }
2143
+ }
2107
2144
  .data-\[side\=bottom\]\:translate-y-1 {
2108
2145
  &[data-side=bottom] {
2109
2146
  --tw-translate-y: calc(var(--spacing) * 1);
@@ -2158,6 +2195,13 @@
2158
2195
  height: calc(var(--spacing) * 8);
2159
2196
  }
2160
2197
  }
2198
+ .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
2199
+ :is(& *) {
2200
+ &[data-slot=command-input-wrapper] {
2201
+ height: calc(var(--spacing) * 12);
2202
+ }
2203
+ }
2204
+ }
2161
2205
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
2162
2206
  :is(& > *) {
2163
2207
  &[data-slot=select-value] {
@@ -2666,6 +2710,78 @@
2666
2710
  }
2667
2711
  }
2668
2712
  }
2713
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
2714
+ & [cmdk-group-heading] {
2715
+ padding-inline: calc(var(--spacing) * 2);
2716
+ }
2717
+ }
2718
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
2719
+ & [cmdk-group-heading] {
2720
+ padding-block: calc(var(--spacing) * 1.5);
2721
+ }
2722
+ }
2723
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
2724
+ & [cmdk-group-heading] {
2725
+ font-size: var(--text-xs);
2726
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2727
+ }
2728
+ }
2729
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
2730
+ & [cmdk-group-heading] {
2731
+ --tw-font-weight: var(--font-weight-medium);
2732
+ font-weight: var(--font-weight-medium);
2733
+ }
2734
+ }
2735
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
2736
+ & [cmdk-group-heading] {
2737
+ color: var(--muted-foreground);
2738
+ }
2739
+ }
2740
+ .\[\&_\[cmdk-group\]\]\:px-2 {
2741
+ & [cmdk-group] {
2742
+ padding-inline: calc(var(--spacing) * 2);
2743
+ }
2744
+ }
2745
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
2746
+ & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
2747
+ padding-top: calc(var(--spacing) * 0);
2748
+ }
2749
+ }
2750
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
2751
+ & [cmdk-input-wrapper] svg {
2752
+ height: calc(var(--spacing) * 5);
2753
+ }
2754
+ }
2755
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
2756
+ & [cmdk-input-wrapper] svg {
2757
+ width: calc(var(--spacing) * 5);
2758
+ }
2759
+ }
2760
+ .\[\&_\[cmdk-input\]\]\:h-12 {
2761
+ & [cmdk-input] {
2762
+ height: calc(var(--spacing) * 12);
2763
+ }
2764
+ }
2765
+ .\[\&_\[cmdk-item\]\]\:px-2 {
2766
+ & [cmdk-item] {
2767
+ padding-inline: calc(var(--spacing) * 2);
2768
+ }
2769
+ }
2770
+ .\[\&_\[cmdk-item\]\]\:py-3 {
2771
+ & [cmdk-item] {
2772
+ padding-block: calc(var(--spacing) * 3);
2773
+ }
2774
+ }
2775
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 {
2776
+ & [cmdk-item] svg {
2777
+ height: calc(var(--spacing) * 5);
2778
+ }
2779
+ }
2780
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 {
2781
+ & [cmdk-item] svg {
2782
+ width: calc(var(--spacing) * 5);
2783
+ }
2784
+ }
2669
2785
  .\[\&_svg\]\:pointer-events-none {
2670
2786
  & svg {
2671
2787
  pointer-events: none;