@codefast/ui 0.0.44 → 0.0.46

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.
Files changed (101) hide show
  1. package/dist/chunk-6FL3EBDQ.mjs +2 -0
  2. package/dist/chunk-6FL3EBDQ.mjs.map +1 -0
  3. package/dist/{chunk-SCJ3W2VO.js → chunk-DTSAQICV.js} +2 -2
  4. package/dist/chunk-DTSAQICV.js.map +1 -0
  5. package/dist/{chunk-7HJV22OF.mjs → chunk-JOBEKA4M.mjs} +1 -1
  6. package/dist/{chunk-7HJV22OF.mjs.map → chunk-JOBEKA4M.mjs.map} +1 -1
  7. package/dist/{chunk-WYYOCZNI.mjs → chunk-KZ3CIZTP.mjs} +2 -2
  8. package/dist/{chunk-WYYOCZNI.mjs.map → chunk-KZ3CIZTP.mjs.map} +1 -1
  9. package/dist/{chunk-XM4Y2S5E.js → chunk-LG7ACTRE.js} +2 -2
  10. package/dist/{chunk-XM4Y2S5E.js.map → chunk-LG7ACTRE.js.map} +1 -1
  11. package/dist/{chunk-MZJL73RI.js → chunk-UYRRHPPH.js} +1 -1
  12. package/dist/{chunk-MZJL73RI.js.map → chunk-UYRRHPPH.js.map} +1 -1
  13. package/dist/hooks/use-media-query.d.mts +3 -0
  14. package/dist/hooks/use-media-query.d.ts +3 -0
  15. package/dist/hooks/use-media-query.js +2 -0
  16. package/dist/hooks/use-media-query.js.map +1 -0
  17. package/dist/hooks/use-media-query.mjs +2 -0
  18. package/dist/hooks/use-media-query.mjs.map +1 -0
  19. package/dist/hooks/use-mutation-observer.d.mts +5 -0
  20. package/dist/hooks/use-mutation-observer.d.ts +5 -0
  21. package/dist/hooks/use-mutation-observer.js +2 -0
  22. package/dist/hooks/use-mutation-observer.js.map +1 -0
  23. package/dist/hooks/use-mutation-observer.mjs +2 -0
  24. package/dist/hooks/use-mutation-observer.mjs.map +1 -0
  25. package/dist/lib/colors.d.mts +1759 -0
  26. package/dist/lib/colors.d.ts +1759 -0
  27. package/dist/lib/colors.js +2 -0
  28. package/dist/lib/colors.js.map +1 -0
  29. package/dist/lib/colors.mjs +2 -0
  30. package/dist/lib/colors.mjs.map +1 -0
  31. package/dist/plugin/base.plugin.js +1 -1
  32. package/dist/plugin/base.plugin.mjs +1 -1
  33. package/dist/react/alert-dialog.js.map +1 -1
  34. package/dist/react/alert-dialog.mjs.map +1 -1
  35. package/dist/react/checkbox-cards.js +1 -1
  36. package/dist/react/checkbox-cards.js.map +1 -1
  37. package/dist/react/checkbox-cards.mjs +1 -1
  38. package/dist/react/checkbox-cards.mjs.map +1 -1
  39. package/dist/react/checkbox-group.js +1 -1
  40. package/dist/react/checkbox-group.js.map +1 -1
  41. package/dist/react/checkbox-group.mjs +1 -1
  42. package/dist/react/checkbox-group.mjs.map +1 -1
  43. package/dist/react/checkbox-group.primitive.js +1 -1
  44. package/dist/react/checkbox-group.primitive.mjs +1 -1
  45. package/dist/react/checkbox.js +1 -1
  46. package/dist/react/checkbox.js.map +1 -1
  47. package/dist/react/checkbox.mjs +1 -1
  48. package/dist/react/checkbox.mjs.map +1 -1
  49. package/dist/react/form.js +1 -1
  50. package/dist/react/form.mjs +1 -1
  51. package/dist/react/label.js +1 -1
  52. package/dist/react/label.mjs +1 -1
  53. package/dist/react/radio-cards.js +1 -1
  54. package/dist/react/radio-cards.js.map +1 -1
  55. package/dist/react/radio-cards.mjs +1 -1
  56. package/dist/react/radio-cards.mjs.map +1 -1
  57. package/dist/react/radio-group.js +1 -1
  58. package/dist/react/radio-group.js.map +1 -1
  59. package/dist/react/radio-group.mjs +1 -1
  60. package/dist/react/radio-group.mjs.map +1 -1
  61. package/dist/react/radio.js +1 -1
  62. package/dist/react/radio.js.map +1 -1
  63. package/dist/react/radio.mjs +1 -1
  64. package/dist/react/radio.mjs.map +1 -1
  65. package/dist/react/tooltip.js +1 -1
  66. package/dist/react/tooltip.js.map +1 -1
  67. package/dist/react/tooltip.mjs +1 -1
  68. package/dist/react/tooltip.mjs.map +1 -1
  69. package/dist/styles.css +1 -1
  70. package/dist/styles.css.map +1 -1
  71. package/dist/tailwind.config.js +1 -1
  72. package/dist/tailwind.config.js.map +1 -1
  73. package/dist/tailwind.config.mjs +1 -1
  74. package/dist/tailwind.config.mjs.map +1 -1
  75. package/package.json +256 -241
  76. package/plugin/base.plugin.ts +0 -3
  77. package/src/hooks/use-media-query.ts +22 -0
  78. package/src/hooks/use-mutation-observer.ts +26 -0
  79. package/src/lib/colors.ts +1757 -0
  80. package/src/react/alert-dialog.tsx +1 -0
  81. package/src/react/checkbox-cards.tsx +1 -1
  82. package/src/react/checkbox-group.primitive.tsx +1 -0
  83. package/src/react/checkbox-group.tsx +1 -1
  84. package/src/react/checkbox.tsx +1 -1
  85. package/src/react/label.tsx +1 -1
  86. package/src/react/radio-cards.tsx +1 -1
  87. package/src/react/radio-group.tsx +1 -1
  88. package/src/react/radio.tsx +1 -1
  89. package/src/react/tooltip.tsx +1 -1
  90. package/tailwind.config.ts +0 -1
  91. package/dist/chunk-M5UKNISJ.mjs +0 -2
  92. package/dist/chunk-M5UKNISJ.mjs.map +0 -1
  93. package/dist/chunk-SCJ3W2VO.js.map +0 -1
  94. package/dist/plugin/animate.plugin.d.mts +0 -9
  95. package/dist/plugin/animate.plugin.d.ts +0 -9
  96. package/dist/plugin/base.plugin.d.mts +0 -8
  97. package/dist/plugin/base.plugin.d.ts +0 -8
  98. package/dist/plugin/perspective.plugin.d.mts +0 -8
  99. package/dist/plugin/perspective.plugin.d.ts +0 -8
  100. package/dist/tailwind.config.d.mts +0 -5
  101. package/dist/tailwind.config.d.ts +0 -5
@@ -189,6 +189,7 @@ const AlertDialogCancel = React.forwardRef<
189
189
  {...props}
190
190
  />
191
191
  ));
192
+
192
193
  AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
193
194
 
194
195
  /* -----------------------------------------------------------------------------
@@ -59,7 +59,7 @@ const CheckboxCardsItem = React.forwardRef<
59
59
  <CheckboxGroupPrimitive.Item
60
60
  ref={ref}
61
61
  className={cn(
62
- 'border-compound/70 aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 cursor-default rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
62
+ 'border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-default rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
63
63
  checkboxClassName,
64
64
  )}
65
65
  {...props}
@@ -224,6 +224,7 @@ const CheckboxGroupIndicator = React.forwardRef<
224
224
  ref,
225
225
  ) => {
226
226
  const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
227
+
227
228
  return (
228
229
  <CheckboxPrimitive.Indicator ref={ref} {...checkboxScope} {...props} />
229
230
  );
@@ -50,7 +50,7 @@ const CheckboxGroupItem = React.forwardRef<
50
50
  <CheckboxGroupPrimitive.Item
51
51
  ref={ref}
52
52
  className={cn(
53
- 'border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
53
+ 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
54
54
  className,
55
55
  )}
56
56
  {...props}
@@ -19,7 +19,7 @@ const Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>(
19
19
  <CheckboxPrimitive.Root
20
20
  ref={ref}
21
21
  className={cn(
22
- 'border-compound/70 hover:border-compound aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer size-4 shrink-0 rounded-sm border shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
22
+ 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
23
23
  className,
24
24
  )}
25
25
  {...props}
@@ -15,7 +15,7 @@ const Label = React.forwardRef<LabelElement, LabelProps>(
15
15
  <LabelPrimitive.Root
16
16
  ref={ref}
17
17
  className={cn(
18
- 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
18
+ 'text-sm font-medium leading-none peer-disabled:pointer-events-none peer-disabled:opacity-70',
19
19
  className,
20
20
  )}
21
21
  {...props}
@@ -44,7 +44,7 @@ const RadioCardsItem = React.forwardRef<
44
44
  <RadioGroupPrimitive.Item
45
45
  ref={ref}
46
46
  className={cn(
47
- 'text-compound-foreground focus-visible:bg-primary/10 group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline focus-visible:outline-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:outline aria-checked:outline-2',
47
+ 'text-foreground focus-visible:bg-primary/10 group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline focus-visible:outline-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:outline aria-checked:outline-2',
48
48
  className,
49
49
  )}
50
50
  {...props}
@@ -44,7 +44,7 @@ const RadioGroupItem = React.forwardRef<
44
44
  <RadioGroupPrimitive.Item
45
45
  ref={ref}
46
46
  className={cn(
47
- 'border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
47
+ 'border-input hover:border-primary text-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
48
48
  className,
49
49
  )}
50
50
  {...props}
@@ -24,7 +24,7 @@ const Radio = React.forwardRef<RadioElement, RadioProps>(
24
24
  onValueChange?.(event.currentTarget.value),
25
25
  )}
26
26
  className={cn(
27
- 'before:border-compound/70 hover:before:border-compound checked:before:border-primary checked:after:bg-primary peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
27
+ 'before:border-input hover:before:border-primary checked:before:border-primary checked:after:bg-primary peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
28
28
  className,
29
29
  )}
30
30
  {...props}
@@ -47,7 +47,7 @@ const TooltipContent = React.forwardRef<
47
47
  ref={ref}
48
48
  sideOffset={sideOffset}
49
49
  className={cn(
50
- 'bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs',
50
+ 'bg-popover text-popover-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md border px-3 py-1.5 text-xs',
51
51
  className,
52
52
  )}
53
53
  {...props}
@@ -38,7 +38,6 @@ const config: Config = {
38
38
  DEFAULT: 'hsl(var(--card))',
39
39
  foreground: 'hsl(var(--card-foreground))',
40
40
  },
41
- compound: 'hsl(var(--compound))',
42
41
  destructive: {
43
42
  DEFAULT: 'hsl(var(--destructive))',
44
43
  foreground: 'hsl(var(--destructive-foreground))',
@@ -1,2 +0,0 @@
1
- import{b as t}from"./chunk-LEUB3C3L.mjs";import*as o from"react";import*as e from"@radix-ui/react-label";import{jsx as m}from"react/jsx-runtime";var r=o.forwardRef(({className:a,...i},l)=>m(e.Root,{ref:l,className:t("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",a),...i}));r.displayName=e.Root.displayName;export{r as a};
2
- //# sourceMappingURL=chunk-M5UKNISJ.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/react/label.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\ntype LabelElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst Label = React.forwardRef<LabelElement, LabelProps>(\n ({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(\n 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n className,\n )}\n {...props}\n />\n ),\n);\n\nLabel.displayName = LabelPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label, type LabelProps };\n"],"mappings":"yCACA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,wBAY5B,cAAAC,MAAA,oBAFJ,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAgB,OAAf,CACC,IAAKI,EACL,UAAWC,EACT,6FACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAF,EAAM,YAA6B,OAAK","names":["React","LabelPrimitive","jsx","Label","className","props","ref","cn"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../plugin/base.plugin.ts"],"names":["plugin","base","addBase","base_plugin_default"],"mappings":"AAAA,OAAOA,MAAY,qBAEnB,IAAMC,EAAOD,EAAO,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACnCA,EAAQ,CACN,QAAS,CACP,eAAgB,MAClB,EACA,KAAM,CACJ,uCAAwC,EAC1C,EACA,iBAAkB,CAChB,sBAAuB,EACzB,EACA,mHACE,CACE,6BAA8B,EAChC,EACF,EAAG,CACD,sBAAuB,EACzB,CACF,CAAC,CACH,CAAC,EAEMC,EAAQF","sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nconst base = plugin(({ addBase }) => {\n addBase({\n '.dark': {\n 'color-scheme': 'dark',\n },\n body: {\n '@apply bg-background text-foreground': '',\n },\n ':focus-visible': {\n '@apply outline-ring': '',\n },\n \"button, [role='button'], input:where([type='button']), input:where([type='reset']), input:where([type='submit'])\":\n {\n '@apply outline-transparent': '',\n },\n a: {\n '@apply text-primary': '',\n },\n });\n});\n\nexport default base;\n"]}
@@ -1,9 +0,0 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
- import { Config } from 'tailwindcss/types/config';
3
-
4
- declare const animate: {
5
- handler: tailwindcss_types_config.PluginCreator;
6
- config?: Partial<Config> | undefined;
7
- };
8
-
9
- export { animate as default };
@@ -1,9 +0,0 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
- import { Config } from 'tailwindcss/types/config';
3
-
4
- declare const animate: {
5
- handler: tailwindcss_types_config.PluginCreator;
6
- config?: Partial<Config> | undefined;
7
- };
8
-
9
- export { animate as default };
@@ -1,8 +0,0 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
-
3
- declare const base: {
4
- handler: tailwindcss_types_config.PluginCreator;
5
- config?: Partial<tailwindcss_types_config.Config> | undefined;
6
- };
7
-
8
- export { base as default };
@@ -1,8 +0,0 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
-
3
- declare const base: {
4
- handler: tailwindcss_types_config.PluginCreator;
5
- config?: Partial<tailwindcss_types_config.Config> | undefined;
6
- };
7
-
8
- export { base as default };
@@ -1,8 +0,0 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
-
3
- declare const perspective: {
4
- handler: tailwindcss_types_config.PluginCreator;
5
- config?: Partial<tailwindcss_types_config.Config> | undefined;
6
- };
7
-
8
- export { perspective as default };
@@ -1,8 +0,0 @@
1
- import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
-
3
- declare const perspective: {
4
- handler: tailwindcss_types_config.PluginCreator;
5
- config?: Partial<tailwindcss_types_config.Config> | undefined;
6
- };
7
-
8
- export { perspective as default };
@@ -1,5 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
-
3
- declare const config: Config;
4
-
5
- export { config as default };
@@ -1,5 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
-
3
- declare const config: Config;
4
-
5
- export { config as default };