@goopti/ui 1.0.0

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 (136) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +183 -0
  3. package/dist/components/alert-dialog.d.ts +14 -0
  4. package/dist/components/alert-dialog.d.ts.map +1 -0
  5. package/dist/components/alert-dialog.js +25 -0
  6. package/dist/components/alert-dialog.js.map +1 -0
  7. package/dist/components/avatar.d.ts +8 -0
  8. package/dist/components/avatar.d.ts.map +1 -0
  9. package/dist/components/avatar.js +10 -0
  10. package/dist/components/avatar.js.map +1 -0
  11. package/dist/components/badge.d.ts +10 -0
  12. package/dist/components/badge.d.ts.map +1 -0
  13. package/dist/components/badge.js +22 -0
  14. package/dist/components/badge.js.map +1 -0
  15. package/dist/components/button.d.ts +11 -0
  16. package/dist/components/button.d.ts.map +1 -0
  17. package/dist/components/button.js +30 -0
  18. package/dist/components/button.js.map +1 -0
  19. package/dist/components/calendar.d.ts +8 -0
  20. package/dist/components/calendar.d.ts.map +1 -0
  21. package/dist/components/calendar.js +50 -0
  22. package/dist/components/calendar.js.map +1 -0
  23. package/dist/components/card.d.ts +21 -0
  24. package/dist/components/card.d.ts.map +1 -0
  25. package/dist/components/card.js +17 -0
  26. package/dist/components/card.js.map +1 -0
  27. package/dist/components/carousel.d.ts +10 -0
  28. package/dist/components/carousel.d.ts.map +1 -0
  29. package/dist/components/carousel.js +12 -0
  30. package/dist/components/carousel.js.map +1 -0
  31. package/dist/components/checkbox.d.ts +8 -0
  32. package/dist/components/checkbox.d.ts.map +1 -0
  33. package/dist/components/checkbox.js +8 -0
  34. package/dist/components/checkbox.js.map +1 -0
  35. package/dist/components/collapsible.d.ts +9 -0
  36. package/dist/components/collapsible.d.ts.map +1 -0
  37. package/dist/components/collapsible.js +11 -0
  38. package/dist/components/collapsible.js.map +1 -0
  39. package/dist/components/date-picker.d.ts +9 -0
  40. package/dist/components/date-picker.d.ts.map +1 -0
  41. package/dist/components/date-picker.js +29 -0
  42. package/dist/components/date-picker.js.map +1 -0
  43. package/dist/components/dialog.d.ts +20 -0
  44. package/dist/components/dialog.d.ts.map +1 -0
  45. package/dist/components/dialog.js +29 -0
  46. package/dist/components/dialog.js.map +1 -0
  47. package/dist/components/dropdown-menu.d.ts +15 -0
  48. package/dist/components/dropdown-menu.d.ts.map +1 -0
  49. package/dist/components/dropdown-menu.js +26 -0
  50. package/dist/components/dropdown-menu.js.map +1 -0
  51. package/dist/components/hover-card.d.ts +8 -0
  52. package/dist/components/hover-card.d.ts.map +1 -0
  53. package/dist/components/hover-card.js +10 -0
  54. package/dist/components/hover-card.js.map +1 -0
  55. package/dist/components/icon.d.ts +8 -0
  56. package/dist/components/icon.d.ts.map +1 -0
  57. package/dist/components/icon.js +11 -0
  58. package/dist/components/icon.js.map +1 -0
  59. package/dist/components/input-otp.d.ts +9 -0
  60. package/dist/components/input-otp.d.ts.map +1 -0
  61. package/dist/components/input-otp.js +22 -0
  62. package/dist/components/input-otp.js.map +1 -0
  63. package/dist/components/input.d.ts +6 -0
  64. package/dist/components/input.d.ts.map +1 -0
  65. package/dist/components/input.js +7 -0
  66. package/dist/components/input.js.map +1 -0
  67. package/dist/components/label.d.ts +6 -0
  68. package/dist/components/label.d.ts.map +1 -0
  69. package/dist/components/label.js +7 -0
  70. package/dist/components/label.js.map +1 -0
  71. package/dist/components/popover.d.ts +9 -0
  72. package/dist/components/popover.d.ts.map +1 -0
  73. package/dist/components/popover.js +21 -0
  74. package/dist/components/popover.js.map +1 -0
  75. package/dist/components/progress.d.ts +7 -0
  76. package/dist/components/progress.d.ts.map +1 -0
  77. package/dist/components/progress.js +7 -0
  78. package/dist/components/progress.js.map +1 -0
  79. package/dist/components/radio-group.d.ts +12 -0
  80. package/dist/components/radio-group.d.ts.map +1 -0
  81. package/dist/components/radio-group.js +7 -0
  82. package/dist/components/radio-group.js.map +1 -0
  83. package/dist/components/scroll-area.d.ts +7 -0
  84. package/dist/components/scroll-area.d.ts.map +1 -0
  85. package/dist/components/scroll-area.js +7 -0
  86. package/dist/components/scroll-area.js.map +1 -0
  87. package/dist/components/select.d.ts +13 -0
  88. package/dist/components/select.d.ts.map +1 -0
  89. package/dist/components/select.js +26 -0
  90. package/dist/components/select.js.map +1 -0
  91. package/dist/components/separator.d.ts +7 -0
  92. package/dist/components/separator.d.ts.map +1 -0
  93. package/dist/components/separator.js +7 -0
  94. package/dist/components/separator.js.map +1 -0
  95. package/dist/components/sheet.d.ts +10 -0
  96. package/dist/components/sheet.d.ts.map +1 -0
  97. package/dist/components/sheet.js +20 -0
  98. package/dist/components/sheet.js.map +1 -0
  99. package/dist/components/skeleton.d.ts +6 -0
  100. package/dist/components/skeleton.d.ts.map +1 -0
  101. package/dist/components/skeleton.js +7 -0
  102. package/dist/components/skeleton.js.map +1 -0
  103. package/dist/components/slider.d.ts +11 -0
  104. package/dist/components/slider.d.ts.map +1 -0
  105. package/dist/components/slider.js +31 -0
  106. package/dist/components/slider.js.map +1 -0
  107. package/dist/components/switch.d.ts +8 -0
  108. package/dist/components/switch.d.ts.map +1 -0
  109. package/dist/components/switch.js +7 -0
  110. package/dist/components/switch.js.map +1 -0
  111. package/dist/components/textarea.d.ts +6 -0
  112. package/dist/components/textarea.d.ts.map +1 -0
  113. package/dist/components/textarea.js +7 -0
  114. package/dist/components/textarea.js.map +1 -0
  115. package/dist/components/toast.d.ts +19 -0
  116. package/dist/components/toast.d.ts.map +1 -0
  117. package/dist/components/toast.js +25 -0
  118. package/dist/components/toast.js.map +1 -0
  119. package/dist/components/tooltip.d.ts +9 -0
  120. package/dist/components/tooltip.d.ts.map +1 -0
  121. package/dist/components/tooltip.js +16 -0
  122. package/dist/components/tooltip.js.map +1 -0
  123. package/dist/hooks/use-toast.d.ts +4 -0
  124. package/dist/hooks/use-toast.d.ts.map +1 -0
  125. package/dist/hooks/use-toast.js +9 -0
  126. package/dist/hooks/use-toast.js.map +1 -0
  127. package/dist/index.d.ts +62 -0
  128. package/dist/index.d.ts.map +1 -0
  129. package/dist/index.js +36 -0
  130. package/dist/index.js.map +1 -0
  131. package/dist/lib/utils.d.ts +3 -0
  132. package/dist/lib/utils.d.ts.map +1 -0
  133. package/dist/lib/utils.js +6 -0
  134. package/dist/lib/utils.js.map +1 -0
  135. package/dist/theme.css +140 -0
  136. package/package.json +71 -0
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cn } from "../lib/utils";
4
+ const Skeleton = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("animate-skeleton rounded-md bg-muted", className), ...props })));
5
+ Skeleton.displayName = "Skeleton";
6
+ export { Skeleton };
7
+ //# sourceMappingURL=skeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ export interface SliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
3
+ value?: number;
4
+ onChange?: (value: number) => void;
5
+ min?: number;
6
+ max?: number;
7
+ step?: number;
8
+ }
9
+ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
10
+ export { Slider };
11
+ //# sourceMappingURL=slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,MAAM,oFAoDX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cn } from "../lib/utils";
4
+ const Slider = React.forwardRef(({ className, value = 50, onChange, min = 0, max = 100, step = 1, ...props }, ref) => {
5
+ const containerRef = React.useRef(null);
6
+ const pct = ((value - min) / (max - min)) * 100;
7
+ const set = (clientX) => {
8
+ if (!containerRef.current)
9
+ return;
10
+ const r = containerRef.current.getBoundingClientRect();
11
+ let p = (clientX - r.left) / r.width;
12
+ p = Math.max(0, Math.min(1, p));
13
+ let v = min + p * (max - min);
14
+ v = Math.round(v / step) * step;
15
+ onChange?.(Math.max(min, Math.min(max, v)));
16
+ };
17
+ const down = (e) => {
18
+ set(e.clientX);
19
+ const move = (ev) => set(ev.clientX);
20
+ const up = () => {
21
+ window.removeEventListener("pointermove", move);
22
+ window.removeEventListener("pointerup", up);
23
+ };
24
+ window.addEventListener("pointermove", move);
25
+ window.addEventListener("pointerup", up);
26
+ };
27
+ return (_jsxs("div", { ref: containerRef, onPointerDown: down, className: cn("relative flex h-5 w-full cursor-pointer touch-none items-center select-none", className), ...props, children: [_jsx("div", { className: "relative h-2 w-full rounded-full bg-secondary", children: _jsx("div", { className: "absolute h-full rounded-full bg-primary", style: { width: `${pct}%` } }) }), _jsx("span", { className: "absolute h-5 w-5 rounded-full border-2 border-primary bg-background shadow ring-offset-background", style: { left: `calc(${pct}% - 10px)` } })] }));
28
+ });
29
+ Slider.displayName = "Slider";
30
+ export { Slider };
31
+ //# sourceMappingURL=slider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAC3E,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEhD,MAAM,GAAG,GAAG,CAAC,OAAe,EAAE,EAAE;QAC9B,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAClC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACvD,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;QACrC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAC9B,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QAChC,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,CAAC,CAAqC,EAAE,EAAE;QACrD,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACf,MAAM,IAAI,GAAG,CAAC,EAAgB,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACnD,MAAM,EAAE,GAAG,GAAG,EAAE;YACd,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAChD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAC7C,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,YAAY,EACjB,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,aAET,cAAK,SAAS,EAAC,+CAA+C,YAC5D,cACE,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,GACtB,GACH,EACN,eACE,SAAS,EAAC,mGAAmG,EAC7G,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,WAAW,EAAE,GACjC,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ export interface SwitchProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'> {
3
+ checked?: boolean;
4
+ onChange?: (checked: boolean) => void;
5
+ }
6
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
7
+ export { Switch };
8
+ //# sourceMappingURL=switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,MAAM,uFAsBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cn } from "../lib/utils";
4
+ const Switch = React.forwardRef(({ className, checked = false, onChange, ...props }, ref) => (_jsx("button", { ref: ref, role: "switch", "aria-checked": checked, onClick: () => onChange?.(!checked), className: cn("inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", checked ? "bg-primary" : "bg-input", className), ...props, children: _jsx("span", { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg transition-transform", checked ? "translate-x-5" : "translate-x-0") }) })));
5
+ Switch.displayName = "Switch";
6
+ export { Switch };
7
+ //# sourceMappingURL=switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAOlC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,EACnC,SAAS,EAAE,EAAE,CACX,gNAAgN,EAChN,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EACnC,SAAS,CACV,KACG,KAAK,YAET,eACE,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAC5C,GACK,GACD,CACV,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
3
+ }
4
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
5
+ export { Textarea };
6
+ //# sourceMappingURL=textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE9D,QAAA,MAAM,QAAQ,2FAWb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cn } from "../lib/utils";
4
+ const Textarea = React.forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring disabled:opacity-50", className), ref: ref, ...props })));
5
+ Textarea.displayName = "Textarea";
6
+ export { Textarea };
7
+ //# sourceMappingURL=textarea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,mBACE,SAAS,EAAE,EAAE,CACX,iQAAiQ,EACjQ,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ export interface Toast {
3
+ id: string;
4
+ title: string;
5
+ description?: string;
6
+ variant?: "success" | "destructive" | "info";
7
+ duration?: number;
8
+ }
9
+ export interface ToastContextType {
10
+ push: (toast: Omit<Toast, "id">) => void;
11
+ toasts: Toast[];
12
+ }
13
+ export interface ToastProviderProps extends React.HTMLAttributes<HTMLDivElement> {
14
+ children: React.ReactNode;
15
+ }
16
+ declare const ToastProvider: React.ForwardRefExoticComponent<ToastProviderProps & React.RefAttributes<HTMLDivElement>>;
17
+ export declare const useToast: () => ToastContextType;
18
+ export { ToastProvider };
19
+ //# sourceMappingURL=toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAID,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,2FAsElB,CAAC;AAGF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { createContext, useContext } from "react";
4
+ import { Icon } from "./icon";
5
+ const ToastContext = createContext(null);
6
+ const ToastProvider = React.forwardRef(({ children, ...props }, ref) => {
7
+ const [toasts, setToasts] = React.useState([]);
8
+ const push = (t) => {
9
+ const id = Math.random().toString(36).slice(2);
10
+ const toast = { id, ...t };
11
+ setToasts((ts) => [...ts, toast]);
12
+ setTimeout(() => setToasts((ts) => ts.filter((x) => x.id !== id)), t.duration || 4000);
13
+ };
14
+ return (_jsxs(ToastContext.Provider, { value: { push, toasts }, children: [_jsx("div", { ref: ref, ...props, children: children }), _jsx("div", { className: "fixed bottom-0 right-0 z-[100] flex w-full max-w-sm flex-col gap-2 p-4", children: toasts.map((t) => (_jsxs("div", { className: "animate-toast flex items-start gap-3 rounded-lg border bg-card p-4 shadow-lg", children: [t.variant === "success" && (_jsx(Icon, { name: "check-circle-2", size: 18, className: "mt-0.5 text-success" })), t.variant === "destructive" && (_jsx(Icon, { name: "alert-circle", size: 18, className: "mt-0.5 text-destructive" })), t.variant === "info" && (_jsx(Icon, { name: "info", size: 18, className: "mt-0.5 text-info" })), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-foreground", children: t.title }), t.description && (_jsx("div", { className: "text-sm text-muted-foreground mt-0.5", children: t.description }))] }), _jsx("button", { onClick: () => setToasts((ts) => ts.filter((x) => x.id !== t.id)), className: "text-muted-foreground hover:text-foreground", children: _jsx(Icon, { name: "x", size: 15 }) })] }, t.id))) })] }));
15
+ });
16
+ ToastProvider.displayName = "ToastProvider";
17
+ export const useToast = () => {
18
+ const ctx = useContext(ToastContext);
19
+ if (!ctx) {
20
+ throw new Error("useToast must be used within ToastProvider");
21
+ }
22
+ return ctx;
23
+ };
24
+ export { ToastProvider };
25
+ //# sourceMappingURL=toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ export interface TooltipProps extends React.HTMLAttributes<HTMLSpanElement> {
3
+ content: string;
4
+ children: React.ReactNode;
5
+ side?: "top" | "bottom" | "left" | "right";
6
+ }
7
+ declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLSpanElement>>;
8
+ export { Tooltip };
9
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,QAAA,MAAM,OAAO,sFAkCZ,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cn } from "../lib/utils";
4
+ const Tooltip = React.forwardRef(({ content, children, side = "top", className, ...props }, ref) => {
5
+ const [show, setShow] = React.useState(false);
6
+ const posMap = {
7
+ top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
8
+ bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
9
+ right: "left-full top-1/2 -translate-y-1/2 ml-2",
10
+ left: "right-full top-1/2 -translate-y-1/2 mr-2",
11
+ };
12
+ return (_jsxs("span", { ref: ref, className: "relative inline-flex", onMouseEnter: () => setShow(true), onMouseLeave: () => setShow(false), ...props, children: [children, show && (_jsx("span", { className: cn("animate-pop pointer-events-none absolute z-50 whitespace-nowrap rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-md", posMap[side], className), children: content }))] }));
13
+ });
14
+ Tooltip.displayName = "Tooltip";
15
+ export { Tooltip };
16
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,MAAM,GAAG;QACb,GAAG,EAAE,4CAA4C;QACjD,MAAM,EAAE,yCAAyC;QACjD,KAAK,EAAE,yCAAyC;QAChD,IAAI,EAAE,0CAA0C;KACjD,CAAC;IAEF,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,sBAAsB,EAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAC9B,KAAK,aAER,QAAQ,EACR,IAAI,IAAI,CACP,eACE,SAAS,EAAE,EAAE,CACX,oJAAoJ,EACpJ,MAAM,CAAC,IAAI,CAAC,EACZ,SAAS,CACV,YAEA,OAAO,GACH,CACR,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare function useToast(): {
2
+ toast: (options: any) => void;
3
+ };
4
+ //# sourceMappingURL=use-toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AACA,wBAAgB,QAAQ;qBAEH,GAAG;EAIvB"}
@@ -0,0 +1,9 @@
1
+ // Placeholder hook — adapt to your toast implementation
2
+ export function useToast() {
3
+ return {
4
+ toast: (options) => {
5
+ console.log("Toast:", options);
6
+ },
7
+ };
8
+ }
9
+ //# sourceMappingURL=use-toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-toast.js","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,UAAU,QAAQ;IACtB,OAAO;QACL,KAAK,EAAE,CAAC,OAAY,EAAE,EAAE;YACtB,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACjC,CAAC;KACF,CAAC;AACJ,CAAC"}
@@ -0,0 +1,62 @@
1
+ export { Button, buttonVariants } from './components/button';
2
+ export type { ButtonProps } from './components/button';
3
+ export { Badge, badgeVariants } from './components/badge';
4
+ export type { BadgeProps } from './components/badge';
5
+ export { Label } from './components/label';
6
+ export type { LabelProps } from './components/label';
7
+ export { Input } from './components/input';
8
+ export type { InputProps } from './components/input';
9
+ export { Textarea } from './components/textarea';
10
+ export type { TextareaProps } from './components/textarea';
11
+ export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, } from './components/card';
12
+ export { Avatar } from './components/avatar';
13
+ export type { AvatarProps } from './components/avatar';
14
+ export { Separator } from './components/separator';
15
+ export type { SeparatorProps } from './components/separator';
16
+ export { Skeleton } from './components/skeleton';
17
+ export type { SkeletonProps } from './components/skeleton';
18
+ export { Checkbox } from './components/checkbox';
19
+ export type { CheckboxProps } from './components/checkbox';
20
+ export { RadioGroup } from './components/radio-group';
21
+ export type { RadioGroupProps } from './components/radio-group';
22
+ export { Switch } from './components/switch';
23
+ export type { SwitchProps } from './components/switch';
24
+ export { Slider } from './components/slider';
25
+ export type { SliderProps } from './components/slider';
26
+ export { Progress } from './components/progress';
27
+ export type { ProgressProps } from './components/progress';
28
+ export { Select } from './components/select';
29
+ export type { SelectProps } from './components/select';
30
+ export { Icon } from './components/icon';
31
+ export type { IconProps } from './components/icon';
32
+ export { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './components/dialog';
33
+ export type { DialogProps } from './components/dialog';
34
+ export { Sheet } from './components/sheet';
35
+ export type { SheetProps } from './components/sheet';
36
+ export { ToastProvider, useToast } from './components/toast';
37
+ export type { Toast, ToastContextType } from './components/toast';
38
+ export { Popover } from './components/popover';
39
+ export type { PopoverProps } from './components/popover';
40
+ export { Tooltip } from './components/tooltip';
41
+ export type { TooltipProps } from './components/tooltip';
42
+ export { HoverCard } from './components/hover-card';
43
+ export type { HoverCardProps } from './components/hover-card';
44
+ export { DropdownMenu } from './components/dropdown-menu';
45
+ export type { DropdownMenuProps } from './components/dropdown-menu';
46
+ export { AlertDialog } from './components/alert-dialog';
47
+ export type { AlertDialogProps } from './components/alert-dialog';
48
+ export { Calendar } from './components/calendar';
49
+ export type { CalendarProps } from './components/calendar';
50
+ export { DatePicker } from './components/date-picker';
51
+ export type { DatePickerProps } from './components/date-picker';
52
+ export { Collapsible } from './components/collapsible';
53
+ export type { CollapsibleProps } from './components/collapsible';
54
+ export { ScrollArea } from './components/scroll-area';
55
+ export type { ScrollAreaProps } from './components/scroll-area';
56
+ export { Carousel } from './components/carousel';
57
+ export type { CarouselProps } from './components/carousel';
58
+ export { InputOTP } from './components/input-otp';
59
+ export type { InputOTPProps } from './components/input-otp';
60
+ export { cn } from './lib/utils';
61
+ export { cva, type VariantProps } from 'class-variance-authority';
62
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACzG,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,36 @@
1
+ // Export core components
2
+ export { Button, buttonVariants } from './components/button';
3
+ export { Badge, badgeVariants } from './components/badge';
4
+ export { Label } from './components/label';
5
+ export { Input } from './components/input';
6
+ export { Textarea } from './components/textarea';
7
+ export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, } from './components/card';
8
+ export { Avatar } from './components/avatar';
9
+ export { Separator } from './components/separator';
10
+ export { Skeleton } from './components/skeleton';
11
+ export { Checkbox } from './components/checkbox';
12
+ export { RadioGroup } from './components/radio-group';
13
+ export { Switch } from './components/switch';
14
+ export { Slider } from './components/slider';
15
+ export { Progress } from './components/progress';
16
+ export { Select } from './components/select';
17
+ export { Icon } from './components/icon';
18
+ // Overlay components
19
+ export { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './components/dialog';
20
+ export { Sheet } from './components/sheet';
21
+ export { ToastProvider, useToast } from './components/toast';
22
+ export { Popover } from './components/popover';
23
+ export { Tooltip } from './components/tooltip';
24
+ export { HoverCard } from './components/hover-card';
25
+ export { DropdownMenu } from './components/dropdown-menu';
26
+ export { AlertDialog } from './components/alert-dialog';
27
+ export { Calendar } from './components/calendar';
28
+ export { DatePicker } from './components/date-picker';
29
+ export { Collapsible } from './components/collapsible';
30
+ export { ScrollArea } from './components/scroll-area';
31
+ export { Carousel } from './components/carousel';
32
+ export { InputOTP } from './components/input-otp';
33
+ // Export utilities
34
+ export { cn } from './lib/utils';
35
+ export { cva } from 'class-variance-authority';
36
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,qBAAqB;AACrB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGzG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,mBAAmB;AACnB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { type ClassValue } from "clsx";
2
+ export declare function cn(...inputs: ClassValue[]): string;
3
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
@@ -0,0 +1,6 @@
1
+ import { clsx } from "clsx";
2
+ import { twMerge } from "tailwind-merge";
3
+ export function cn(...inputs) {
4
+ return twMerge(clsx(inputs));
5
+ }
6
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}
package/dist/theme.css ADDED
@@ -0,0 +1,140 @@
1
+ /* ============================================================
2
+ OPTI Soluções — Design Tokens (CSS Custom Properties)
3
+ shadcn/ui semantic token system, themed with OPTI brand.
4
+ HSL channel triplets so Tailwind opacity modifiers
5
+ (e.g. bg-primary/90) work exactly like upstream shadcn.
6
+
7
+ Primary = OPTI Blue #1697F6 (205 93% 53%)
8
+ Brand = OPTI Orange #FFA000 (38 100% 50%)
9
+ ============================================================ */
10
+
11
+ @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
12
+
13
+ @layer base {
14
+ :root {
15
+ --background: 0 0% 100%;
16
+ --foreground: 210 28% 7%;
17
+
18
+ --card: 0 0% 100%;
19
+ --card-foreground: 210 28% 7%;
20
+
21
+ --popover: 0 0% 100%;
22
+ --popover-foreground: 210 28% 7%;
23
+
24
+ /* Primary — OPTI Blue */
25
+ --primary: 205 93% 53%;
26
+ --primary-foreground: 0 0% 100%;
27
+
28
+ /* Brand accent — OPTI Orange */
29
+ --brand: 38 100% 50%;
30
+ --brand-foreground: 35 100% 18%;
31
+
32
+ --secondary: 210 31% 95%;
33
+ --secondary-foreground: 212 21% 17%;
34
+
35
+ --muted: 210 31% 95%;
36
+ --muted-foreground: 212 13% 49%;
37
+
38
+ --accent: 210 31% 95%;
39
+ --accent-foreground: 212 21% 17%;
40
+
41
+ --destructive: 358 75% 59%;
42
+ --destructive-foreground: 0 0% 100%;
43
+
44
+ --success: 156 76% 36%;
45
+ --success-foreground: 0 0% 100%;
46
+
47
+ --info: 205 93% 53%;
48
+ --info-foreground: 0 0% 100%;
49
+
50
+ --border: 210 28% 90%;
51
+ --input: 210 28% 90%;
52
+ --ring: 205 93% 53%;
53
+
54
+ --radius: 0.625rem;
55
+
56
+ /* Chart palette (brand-led) */
57
+ --chart-1: 205 93% 53%;
58
+ --chart-2: 38 100% 50%;
59
+ --chart-3: 38 100% 58%;
60
+ --chart-4: 207 93% 60%;
61
+ --chart-5: 156 76% 36%;
62
+ }
63
+
64
+ .dark {
65
+ --background: 210 28% 7%;
66
+ --foreground: 210 33% 98%;
67
+
68
+ --card: 210 23% 10%;
69
+ --card-foreground: 210 33% 98%;
70
+
71
+ --popover: 210 23% 10%;
72
+ --popover-foreground: 210 33% 98%;
73
+
74
+ --primary: 207 93% 60%;
75
+ --primary-foreground: 0 0% 100%;
76
+
77
+ --brand: 38 100% 50%;
78
+ --brand-foreground: 35 100% 18%;
79
+
80
+ --secondary: 212 21% 17%;
81
+ --secondary-foreground: 210 33% 98%;
82
+
83
+ --muted: 212 21% 17%;
84
+ --muted-foreground: 211 17% 66%;
85
+
86
+ --accent: 212 21% 17%;
87
+ --accent-foreground: 210 33% 98%;
88
+
89
+ --destructive: 358 75% 59%;
90
+ --destructive-foreground: 0 0% 100%;
91
+
92
+ --success: 156 76% 45%;
93
+ --success-foreground: 0 0% 100%;
94
+
95
+ --info: 207 93% 60%;
96
+ --info-foreground: 0 0% 100%;
97
+
98
+ --border: 212 21% 17%;
99
+ --input: 210 18% 27%;
100
+ --ring: 207 93% 60%;
101
+ }
102
+ }
103
+
104
+ /* Base reset */
105
+ * { border-color: hsl(var(--border)); }
106
+ body {
107
+ background: hsl(var(--background));
108
+ color: hsl(var(--foreground));
109
+ font-family: var(--font-body, 'Manrope', system-ui, sans-serif);
110
+ -webkit-font-smoothing: antialiased;
111
+ }
112
+ .font-display { font-family: var(--font-display, 'Fredoka', sans-serif); }
113
+ .font-mono { font-family: var(--font-mono, 'JetBrains Mono', monospace); }
114
+
115
+ /* Overlay animations */
116
+ @keyframes opti-overlay-in { from { opacity: 0 } to { opacity: 1 } }
117
+ @keyframes opti-content-in { from { opacity: 0; transform: scale(.96) } to { opacity: 1; transform: scale(1) } }
118
+ @keyframes opti-pop-in { from { opacity: 0; transform: scale(.96) translateY(-4px) } to { opacity: 1; transform: scale(1) translateY(0) } }
119
+ @keyframes opti-sheet-in { from { transform: translateX(100%) } to { transform: translateX(0) } }
120
+ @keyframes opti-toast-in { from { opacity: 0; transform: translateY(16px) } to { opacity: 1; transform: translateY(0) } }
121
+ @keyframes opti-skeleton { 0%,100% { opacity: 1 } 50% { opacity: .45 } }
122
+
123
+ .animate-overlay { animation: opti-overlay-in .15s ease }
124
+ .animate-content { animation: opti-content-in .18s cubic-bezier(.22,1,.36,1) forwards }
125
+ .animate-pop { animation: opti-pop-in .14s cubic-bezier(.22,1,.36,1) }
126
+ .animate-sheet { animation: opti-sheet-in .25s cubic-bezier(.22,1,.36,1) }
127
+ .animate-toast { animation: opti-toast-in .22s cubic-bezier(.22,1,.36,1) }
128
+ .animate-skeleton { animation: opti-skeleton 1.6s ease-in-out infinite }
129
+
130
+ /* Theme-switch transitions */
131
+ @media (prefers-reduced-motion: no-preference) {
132
+ :root, .dark {
133
+ transition: background-color 0.3s, color 0.3s, border-color 0.3s;
134
+ }
135
+ }
136
+
137
+ /* Styled scrollbar */
138
+ .opti-scroll::-webkit-scrollbar { width: 10px; height: 10px }
139
+ .opti-scroll::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 999px; border: 2px solid hsl(var(--background)) }
140
+ .opti-scroll::-webkit-scrollbar-track { background: transparent }
package/package.json ADDED
@@ -0,0 +1,71 @@
1
+ {
2
+ "type": "module",
3
+ "name": "@goopti/ui",
4
+ "version": "1.0.0",
5
+ "description": "OPTI Soluções UI Kit based on shadcn/ui — A collection of accessible, customizable React components.",
6
+ "main": "dist/index.js",
7
+ "module": "dist/index.esm.js",
8
+ "types": "dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./dist/index.esm.js",
12
+ "require": "./dist/index.js",
13
+ "types": "./dist/index.d.ts"
14
+ },
15
+ "./css": "./dist/theme.css",
16
+ "./components/*": "./dist/components/*"
17
+ },
18
+ "files": [
19
+ "dist",
20
+ "README.md",
21
+ "LICENSE"
22
+ ],
23
+ "scripts": {
24
+ "build": "node scripts/build.js",
25
+ "dev": "vite",
26
+ "test": "vitest",
27
+ "lint": "eslint src",
28
+ "typecheck": "tsc --noEmit"
29
+ },
30
+ "keywords": [
31
+ "ui",
32
+ "components",
33
+ "react",
34
+ "shadcn",
35
+ "tailwindcss",
36
+ "opti",
37
+ "accessible",
38
+ "design-system"
39
+ ],
40
+ "author": "OPTI Soluções",
41
+ "license": "MIT",
42
+ "peerDependencies": {
43
+ "react": "^18.0.0",
44
+ "react-dom": "^18.0.0"
45
+ },
46
+ "dependencies": {
47
+ "class-variance-authority": "^0.7.0",
48
+ "clsx": "^2.0.0",
49
+ "tailwind-merge": "^2.0.0"
50
+ },
51
+ "devDependencies": {
52
+ "@types/react": "^18.3.0",
53
+ "@types/react-dom": "^18.3.0",
54
+ "@types/node": "^20.0.0",
55
+ "typescript": "^5.3.0",
56
+ "vite": "^5.0.0",
57
+ "react": "^18.3.1",
58
+ "react-dom": "^18.3.1",
59
+ "tailwindcss": "^3.4.0",
60
+ "postcss": "^8.4.0",
61
+ "autoprefixer": "^10.4.0"
62
+ },
63
+ "repository": {
64
+ "type": "git",
65
+ "url": "https://github.com/OPTI-Solucoes/opti-ui.git"
66
+ },
67
+ "bugs": {
68
+ "url": "https://github.com/OPTI-Solucoes/opti-ui/issues"
69
+ },
70
+ "homepage": "https://github.com/OPTI-Solucoes/opti-ui#readme"
71
+ }