@codefast/ui 0.0.43 → 0.0.45

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 (99) hide show
  1. package/dist/chunk-24MQV5BV.js +2 -0
  2. package/dist/chunk-24MQV5BV.js.map +1 -0
  3. package/dist/chunk-6FL3EBDQ.mjs +2 -0
  4. package/dist/chunk-6FL3EBDQ.mjs.map +1 -0
  5. package/dist/{chunk-XM4Y2S5E.js → chunk-LG7ACTRE.js} +2 -2
  6. package/dist/{chunk-XM4Y2S5E.js.map → chunk-LG7ACTRE.js.map} +1 -1
  7. package/dist/chunk-VY7GIEVM.mjs +2 -0
  8. package/dist/chunk-VY7GIEVM.mjs.map +1 -0
  9. package/dist/hooks/use-media-query.d.mts +3 -0
  10. package/dist/hooks/use-media-query.d.ts +3 -0
  11. package/dist/hooks/use-media-query.js +2 -0
  12. package/dist/hooks/use-media-query.js.map +1 -0
  13. package/dist/hooks/use-media-query.mjs +2 -0
  14. package/dist/hooks/use-media-query.mjs.map +1 -0
  15. package/dist/hooks/use-mutation-observer.d.mts +5 -0
  16. package/dist/hooks/use-mutation-observer.d.ts +5 -0
  17. package/dist/hooks/use-mutation-observer.js +2 -0
  18. package/dist/hooks/use-mutation-observer.js.map +1 -0
  19. package/dist/hooks/use-mutation-observer.mjs +2 -0
  20. package/dist/hooks/use-mutation-observer.mjs.map +1 -0
  21. package/dist/lib/colors.d.mts +1759 -0
  22. package/dist/lib/colors.d.ts +1759 -0
  23. package/dist/lib/colors.js +2 -0
  24. package/dist/lib/colors.js.map +1 -0
  25. package/dist/lib/colors.mjs +2 -0
  26. package/dist/lib/colors.mjs.map +1 -0
  27. package/dist/react/alert-dialog.js +1 -1
  28. package/dist/react/alert-dialog.mjs +1 -1
  29. package/dist/react/button.js +1 -1
  30. package/dist/react/button.mjs +1 -1
  31. package/dist/react/calendar.js +1 -1
  32. package/dist/react/calendar.mjs +1 -1
  33. package/dist/react/carousel.js +1 -1
  34. package/dist/react/carousel.mjs +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.js +1 -1
  44. package/dist/react/checkbox.js.map +1 -1
  45. package/dist/react/checkbox.mjs +1 -1
  46. package/dist/react/checkbox.mjs.map +1 -1
  47. package/dist/react/data-table.js +1 -1
  48. package/dist/react/data-table.mjs +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/pagination.js +1 -1
  54. package/dist/react/pagination.mjs +1 -1
  55. package/dist/react/radio-cards.js +1 -1
  56. package/dist/react/radio-cards.js.map +1 -1
  57. package/dist/react/radio-cards.mjs +1 -1
  58. package/dist/react/radio-cards.mjs.map +1 -1
  59. package/dist/react/radio-group.js +1 -1
  60. package/dist/react/radio-group.js.map +1 -1
  61. package/dist/react/radio-group.mjs +1 -1
  62. package/dist/react/radio-group.mjs.map +1 -1
  63. package/dist/react/radio.js +1 -1
  64. package/dist/react/radio.js.map +1 -1
  65. package/dist/react/radio.mjs +1 -1
  66. package/dist/react/radio.mjs.map +1 -1
  67. package/dist/styles.css +1 -1
  68. package/dist/styles.css.map +1 -1
  69. package/dist/tailwind.config.js +1 -1
  70. package/dist/tailwind.config.js.map +1 -1
  71. package/dist/tailwind.config.mjs +1 -1
  72. package/dist/tailwind.config.mjs.map +1 -1
  73. package/package.json +252 -237
  74. package/src/hooks/use-media-query.ts +21 -0
  75. package/src/hooks/use-mutation-observer.ts +25 -0
  76. package/src/lib/colors.ts +1757 -0
  77. package/src/react/button.tsx +1 -1
  78. package/src/react/checkbox-cards.tsx +1 -1
  79. package/src/react/checkbox-group.tsx +1 -1
  80. package/src/react/checkbox.tsx +1 -1
  81. package/src/react/label.tsx +1 -1
  82. package/src/react/radio-cards.tsx +1 -1
  83. package/src/react/radio-group.tsx +1 -1
  84. package/src/react/radio.tsx +1 -1
  85. package/tailwind.config.ts +0 -1
  86. package/dist/chunk-DVGWNIWK.js +0 -2
  87. package/dist/chunk-DVGWNIWK.js.map +0 -1
  88. package/dist/chunk-LBNBU565.mjs +0 -2
  89. package/dist/chunk-LBNBU565.mjs.map +0 -1
  90. package/dist/chunk-M5UKNISJ.mjs +0 -2
  91. package/dist/chunk-M5UKNISJ.mjs.map +0 -1
  92. package/dist/plugin/animate.plugin.d.mts +0 -9
  93. package/dist/plugin/animate.plugin.d.ts +0 -9
  94. package/dist/plugin/base.plugin.d.mts +0 -8
  95. package/dist/plugin/base.plugin.d.ts +0 -8
  96. package/dist/plugin/perspective.plugin.d.mts +0 -8
  97. package/dist/plugin/perspective.plugin.d.ts +0 -8
  98. package/dist/tailwind.config.d.mts +0 -5
  99. package/dist/tailwind.config.d.ts +0 -5
@@ -14,7 +14,7 @@ const buttonVariants = cva({
14
14
  base: 'inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',
15
15
  variants: {
16
16
  variant: {
17
- default: 'bg-primary text-foreground hover:bg-primary/90 shadow',
17
+ default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow',
18
18
  destructive:
19
19
  'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',
20
20
  ghost: 'text-foreground hover:bg-accent hover:text-accent-foreground',
@@ -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}
@@ -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}
@@ -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
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkZTEJNUH6js = require('./chunk-ZTEJNUH6.js');var _chunkHQ4AUOQMjs = require('./chunk-HQ4AUOQM.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');var _jsxruntime = require('react/jsx-runtime');var y=_chunkHQ4AUOQMjs.a.call(void 0, {base:"inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-primary text-foreground hover:bg-primary/90 shadow",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",ghost:"text-foreground hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",outline:"border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm"},size:{default:"h-10 px-4",xs:"h-8 px-2",sm:"h-9 px-3",lg:"h-11 px-8",icon:"size-10","icon-xs":"size-8","icon-sm":"size-9","icon-lg":"size-11"},loading:{true:"relative"}},defaultVariants:{size:"default",variant:"default",loading:!1}}),x= exports.b =i.forwardRef(({children:e,className:u,variant:d,size:p,loading:o=!1,asChild:n=!1,...r},l)=>{let c=n?_reactslot.Slot:"button",f=n?"span":_react.Fragment,m=o||r.disabled;return _jsxruntime.jsx.call(void 0, c,{ref:l,type:n?void 0:"button",className:y({variant:d,size:p,loading:o,className:u}),...r,disabled:m,children:o?_jsxruntime.jsxs.call(void 0, f,{children:[_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":!0,className:"invisible contents",children:e}),_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{children:e}),_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, _chunkZTEJNUH6js.a,{})})]}):e})});x.displayName="Button";exports.a = y; exports.b = x;
2
- //# sourceMappingURL=chunk-DVGWNIWK.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/react/button.tsx"],"names":["React","Fragment","Slot","VisuallyHidden","jsx","jsxs","buttonVariants","cva","Button","children","className","variant","size","loading","asChild","props","ref","Component","ComponentLoading","disabled","Spinner"],"mappings":"2EAAA,UAAYA,MAAW,QACvB,OAAS,YAAAC,MAAgB,QACzB,OAAS,QAAAC,MAAY,uBAErB,OAAS,kBAAAC,MAAsB,kCAmFrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3EV,IAAMC,EAAiBC,EAAI,CACzB,KAAM,sPACN,SAAU,CACR,QAAS,CACP,QAAS,wDACT,YACE,+EACF,MAAO,+DACP,KAAM,kDACN,QACE,2GACF,UACE,wEACJ,EACA,KAAM,CACJ,QAAS,YACT,GAAI,WACJ,GAAI,WACJ,GAAI,YACJ,KAAM,UACN,UAAW,SACX,UAAW,SACX,UAAW,SACb,EACA,QAAS,CACP,KAAM,UACR,CACF,EACA,gBAAiB,CACf,KAAM,UACN,QAAS,UACT,QAAS,EACX,CACF,CAAC,EAgBKC,EAAe,aACnB,CACE,CACE,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAYH,EAAUZ,EAAO,SAC7BgB,EAAmBJ,EAAU,OAASb,EACtCkB,EAAWN,GAAWE,EAAM,SAElC,OACEX,EAACa,EAAA,CACC,IAAKD,EACL,KAAMF,EAAU,OAAY,SAC5B,UAAWR,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,QAAAC,EAAS,UAAAH,CAAU,CAAC,EAC9D,GAAGK,EACJ,SAAUI,EAET,SAAAN,EACCR,EAACa,EAAA,CACC,UAAAd,EAAC,QAAK,cAAW,GAAC,UAAU,qBACzB,SAAAK,EACH,EACAL,EAACD,EAAA,CAAgB,SAAAM,EAAS,EAC1BL,EAAC,QAAK,UAAU,oDACd,SAAAA,EAACgB,EAAA,EAAQ,EACX,GACF,EAEAX,EAEJ,CAEJ,CACF,EAEAD,EAAO,YAAc","sourcesContent":["import * as React from 'react';\nimport { Fragment } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { type VariantProps } from 'cva';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport { cva } from '../lib/utils';\nimport { Spinner } from './spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n base: 'inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n variants: {\n variant: {\n default: 'bg-primary text-foreground hover:bg-primary/90 shadow',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',\n ghost: 'text-foreground hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n outline:\n 'border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',\n },\n size: {\n default: 'h-10 px-4',\n xs: 'h-8 px-2',\n sm: 'h-9 px-3',\n lg: 'h-11 px-8',\n icon: 'size-10',\n 'icon-xs': 'size-8',\n 'icon-sm': 'size-9',\n 'icon-lg': 'size-11',\n },\n loading: {\n true: 'relative',\n },\n },\n defaultVariants: {\n size: 'default',\n variant: 'default',\n loading: false,\n },\n});\n\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ntype ButtonElement = HTMLButtonElement;\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n ButtonVariantsProps {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>(\n (\n {\n children,\n className,\n variant,\n size,\n loading = false,\n asChild = false,\n ...props\n },\n ref,\n ) => {\n const Component = asChild ? Slot : 'button';\n const ComponentLoading = asChild ? 'span' : Fragment;\n const disabled = loading || props.disabled;\n\n return (\n <Component\n ref={ref}\n type={asChild ? undefined : 'button'}\n className={buttonVariants({ variant, size, loading, className })}\n {...props}\n disabled={disabled}\n >\n {loading ? (\n <ComponentLoading>\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">\n <Spinner />\n </span>\n </ComponentLoading>\n ) : (\n children\n )}\n </Component>\n );\n },\n);\n\nButton.displayName = 'Button';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps, type ButtonVariantsProps };\n"]}
@@ -1,2 +0,0 @@
1
- import{a}from"./chunk-P5AV3QU7.mjs";import{a as s}from"./chunk-LEUB3C3L.mjs";import*as i from"react";import{Fragment as b}from"react";import{Slot as g}from"@radix-ui/react-slot";import{VisuallyHidden as v}from"@radix-ui/react-visually-hidden";import{jsx as t,jsxs as h}from"react/jsx-runtime";var y=s({base:"inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-primary text-foreground hover:bg-primary/90 shadow",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",ghost:"text-foreground hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",outline:"border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm"},size:{default:"h-10 px-4",xs:"h-8 px-2",sm:"h-9 px-3",lg:"h-11 px-8",icon:"size-10","icon-xs":"size-8","icon-sm":"size-9","icon-lg":"size-11"},loading:{true:"relative"}},defaultVariants:{size:"default",variant:"default",loading:!1}}),x=i.forwardRef(({children:e,className:u,variant:d,size:p,loading:o=!1,asChild:n=!1,...r},l)=>{let c=n?g:"button",f=n?"span":b,m=o||r.disabled;return t(c,{ref:l,type:n?void 0:"button",className:y({variant:d,size:p,loading:o,className:u}),...r,disabled:m,children:o?h(f,{children:[t("span",{"aria-hidden":!0,className:"invisible contents",children:e}),t(v,{children:e}),t("span",{className:"absolute inset-0 flex items-center justify-center",children:t(a,{})})]}):e})});x.displayName="Button";export{y as a,x as b};
2
- //# sourceMappingURL=chunk-LBNBU565.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/react/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Fragment } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { type VariantProps } from 'cva';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport { cva } from '../lib/utils';\nimport { Spinner } from './spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n base: 'inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n variants: {\n variant: {\n default: 'bg-primary text-foreground hover:bg-primary/90 shadow',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',\n ghost: 'text-foreground hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n outline:\n 'border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground border shadow-sm',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',\n },\n size: {\n default: 'h-10 px-4',\n xs: 'h-8 px-2',\n sm: 'h-9 px-3',\n lg: 'h-11 px-8',\n icon: 'size-10',\n 'icon-xs': 'size-8',\n 'icon-sm': 'size-9',\n 'icon-lg': 'size-11',\n },\n loading: {\n true: 'relative',\n },\n },\n defaultVariants: {\n size: 'default',\n variant: 'default',\n loading: false,\n },\n});\n\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ntype ButtonElement = HTMLButtonElement;\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n ButtonVariantsProps {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>(\n (\n {\n children,\n className,\n variant,\n size,\n loading = false,\n asChild = false,\n ...props\n },\n ref,\n ) => {\n const Component = asChild ? Slot : 'button';\n const ComponentLoading = asChild ? 'span' : Fragment;\n const disabled = loading || props.disabled;\n\n return (\n <Component\n ref={ref}\n type={asChild ? undefined : 'button'}\n className={buttonVariants({ variant, size, loading, className })}\n {...props}\n disabled={disabled}\n >\n {loading ? (\n <ComponentLoading>\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">\n <Spinner />\n </span>\n </ComponentLoading>\n ) : (\n children\n )}\n </Component>\n );\n },\n);\n\nButton.displayName = 'Button';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps, type ButtonVariantsProps };\n"],"mappings":"6EAAA,UAAYA,MAAW,QACvB,OAAS,YAAAC,MAAgB,QACzB,OAAS,QAAAC,MAAY,uBAErB,OAAS,kBAAAC,MAAsB,kCAmFrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3EV,IAAMC,EAAiBC,EAAI,CACzB,KAAM,sPACN,SAAU,CACR,QAAS,CACP,QAAS,wDACT,YACE,+EACF,MAAO,+DACP,KAAM,kDACN,QACE,2GACF,UACE,wEACJ,EACA,KAAM,CACJ,QAAS,YACT,GAAI,WACJ,GAAI,WACJ,GAAI,YACJ,KAAM,UACN,UAAW,SACX,UAAW,SACX,UAAW,SACb,EACA,QAAS,CACP,KAAM,UACR,CACF,EACA,gBAAiB,CACf,KAAM,UACN,QAAS,UACT,QAAS,EACX,CACF,CAAC,EAgBKC,EAAe,aACnB,CACE,CACE,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAYH,EAAUI,EAAO,SAC7BC,EAAmBL,EAAU,OAASM,EACtCC,EAAWR,GAAWE,EAAM,SAElC,OACEX,EAACa,EAAA,CACC,IAAKD,EACL,KAAMF,EAAU,OAAY,SAC5B,UAAWR,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,QAAAC,EAAS,UAAAH,CAAU,CAAC,EAC9D,GAAGK,EACJ,SAAUM,EAET,SAAAR,EACCR,EAACc,EAAA,CACC,UAAAf,EAAC,QAAK,cAAW,GAAC,UAAU,qBACzB,SAAAK,EACH,EACAL,EAACkB,EAAA,CAAgB,SAAAb,EAAS,EAC1BL,EAAC,QAAK,UAAU,oDACd,SAAAA,EAACmB,EAAA,EAAQ,EACX,GACF,EAEAd,EAEJ,CAEJ,CACF,EAEAD,EAAO,YAAc","names":["React","Fragment","Slot","VisuallyHidden","jsx","jsxs","buttonVariants","cva","Button","children","className","variant","size","loading","asChild","props","ref","Component","Slot","ComponentLoading","Fragment","disabled","VisuallyHidden","Spinner"]}
@@ -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,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 };