@goopti/ui 1.0.2 → 1.1.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.
- package/dist/components/alert-dialog.d.ts +14 -0
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +25 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/avatar.d.ts +8 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +10 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.d.ts +10 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +22 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/button.d.ts +11 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +30 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/calendar.d.ts +8 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +50 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/card.d.ts +21 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +17 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/carousel.d.ts +10 -0
- package/dist/components/carousel.d.ts.map +1 -0
- package/dist/components/carousel.js +12 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/checkbox.d.ts +8 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +8 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/collapsible.d.ts +9 -0
- package/dist/components/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible.js +11 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/date-picker.d.ts +9 -0
- package/dist/components/date-picker.d.ts.map +1 -0
- package/dist/components/date-picker.js +29 -0
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/dialog.d.ts +20 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +29 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/dropdown-menu.d.ts +15 -0
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +26 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/hover-card.d.ts +8 -0
- package/dist/components/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card.js +10 -0
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/icon.d.ts +8 -0
- package/dist/components/icon.d.ts.map +1 -0
- package/dist/components/icon.js +11 -0
- package/dist/components/icon.js.map +1 -0
- package/dist/components/input-otp.d.ts +9 -0
- package/dist/components/input-otp.d.ts.map +1 -0
- package/dist/components/input-otp.js +22 -0
- package/dist/components/input-otp.js.map +1 -0
- package/dist/components/input.d.ts +6 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +7 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/label.d.ts +6 -0
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +7 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/popover.d.ts +9 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +21 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/progress.d.ts +7 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +7 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio-group.d.ts +12 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +7 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/scroll-area.d.ts +7 -0
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +7 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/select.d.ts +13 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +26 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/separator.d.ts +7 -0
- package/dist/components/separator.d.ts.map +1 -0
- package/dist/components/separator.js +7 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/sheet.d.ts +10 -0
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +20 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/skeleton.d.ts +6 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +7 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.d.ts +11 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +31 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/switch.d.ts +8 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +7 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/textarea.d.ts +6 -0
- package/dist/components/textarea.d.ts.map +1 -0
- package/dist/components/textarea.js +7 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/components/toast.d.ts +19 -0
- package/dist/components/toast.d.ts.map +1 -0
- package/dist/components/toast.js +25 -0
- package/dist/components/toast.js.map +1 -0
- package/dist/components/tooltip.d.ts +9 -0
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +16 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/hooks/use-toast.d.ts +4 -0
- package/dist/hooks/use-toast.d.ts.map +1 -0
- package/dist/hooks/use-toast.js +9 -0
- package/dist/hooks/use-toast.js.map +1 -0
- package/dist/index.d.ts +62 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +36 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/theme.css +140 -0
- package/package.json +1 -1
- package/dist/assets/index-gWZidFXq.js +0 -203
- package/dist/assets/index-p3H2VfDS.css +0 -1
- package/dist/assets/logo-opti-D621QI7V.png +0 -0
- package/dist/index.html +0 -15
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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"}
|
package/dist/index.d.ts
ADDED
|
@@ -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":"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"}
|
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 @@
|
|
|
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 @@
|
|
|
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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"name": "@goopti/ui",
|
|
4
|
-
"version": "1.0
|
|
4
|
+
"version": "1.1.0",
|
|
5
5
|
"description": "OPTI Soluções UI Kit based on shadcn/ui — A collection of accessible, customizable React components.",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.esm.js",
|