@getgreenline/blaze-ui 1.0.10 → 1.0.12
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 +15 -0
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +40 -0
- package/dist/components/badge.d.ts +10 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +24 -0
- package/dist/components/button.js +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/radio-group.d.ts +6 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +13 -0
- package/dist/components/scroll-area.d.ts +6 -0
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +14 -0
- package/dist/components/select.d.ts +16 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +39 -0
- package/dist/components/sheet.d.ts +16 -0
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +41 -0
- package/dist/components/switch.js +1 -1
- package/dist/globals.css +110 -70
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/package.json +10 -5
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
3
|
+
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
15
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAKpE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime.js';
|
|
2
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
import { buttonVariants } from './button.js';
|
|
5
|
+
|
|
6
|
+
function AlertDialog({ ...props }) {
|
|
7
|
+
return jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
|
|
8
|
+
}
|
|
9
|
+
function AlertDialogTrigger({ ...props }) {
|
|
10
|
+
return (jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
|
|
11
|
+
}
|
|
12
|
+
function AlertDialogPortal({ ...props }) {
|
|
13
|
+
return (jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
|
|
14
|
+
}
|
|
15
|
+
function AlertDialogOverlay({ className, ...props }) {
|
|
16
|
+
return (jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0 tw:fixed tw:inset-0 tw:z-50 tw:bg-black/50", className), ...props }));
|
|
17
|
+
}
|
|
18
|
+
function AlertDialogContent({ className, ...props }) {
|
|
19
|
+
return (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn("tw:bg-background tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0 tw:data-[state=closed]:zoom-out-95 tw:data-[state=open]:zoom-in-95 tw:fixed tw:top-1/2 tw:left-1/2 tw:z-50 tw:grid tw:w-full tw:max-w-[calc(100%-2rem)] tw:-translate-x-1/2 tw:-translate-y-1/2 tw:gap-4 tw:rounded-lg tw:border tw:p-6 tw:shadow-lg tw:duration-200 tw:sm:max-w-lg", className), ...props })] }));
|
|
20
|
+
}
|
|
21
|
+
function AlertDialogHeader({ className, ...props }) {
|
|
22
|
+
return (jsx("div", { "data-slot": "alert-dialog-header", className: cn("tw:flex tw:flex-col tw:gap-2 tw:text-center tw:sm:text-left", className), ...props }));
|
|
23
|
+
}
|
|
24
|
+
function AlertDialogFooter({ className, ...props }) {
|
|
25
|
+
return (jsx("div", { "data-slot": "alert-dialog-footer", className: cn("tw:flex tw:flex-col-reverse tw:gap-2 tw:sm:flex-row tw:sm:justify-end", className), ...props }));
|
|
26
|
+
}
|
|
27
|
+
function AlertDialogTitle({ className, ...props }) {
|
|
28
|
+
return (jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("tw:text-lg tw:font-semibold", className), ...props }));
|
|
29
|
+
}
|
|
30
|
+
function AlertDialogDescription({ className, ...props }) {
|
|
31
|
+
return (jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("tw:text-muted-foreground tw:text-sm", className), ...props }));
|
|
32
|
+
}
|
|
33
|
+
function AlertDialogAction({ className, ...props }) {
|
|
34
|
+
return (jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props }));
|
|
35
|
+
}
|
|
36
|
+
function AlertDialogCancel({ className, ...props }) {
|
|
37
|
+
return (jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "outline" }), className), ...props }));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Badge, badgeVariants };
|
|
10
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAmBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAU3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime.js';
|
|
2
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
|
|
6
|
+
const badgeVariants = cva("tw:inline-flex tw:items-center tw:justify-center tw:rounded-md tw:border tw:px-2 tw:py-0.5 tw:text-xs tw:font-medium tw:w-fit tw:whitespace-nowrap tw:shrink-0 tw:[&>svg]:size-3 tw:gap-1 tw:[&>svg]:pointer-events-none tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px] tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive tw:transition-[color,box-shadow] tw:overflow-hidden", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "tw:border-transparent tw:bg-primary tw:text-primary-foreground tw:[a&]:hover:bg-primary/90",
|
|
10
|
+
secondary: "tw:border-transparent tw:bg-secondary tw:text-secondary-foreground tw:[a&]:hover:bg-secondary/90",
|
|
11
|
+
destructive: "tw:border-transparent tw:bg-destructive tw:text-white tw:[a&]:hover:bg-destructive/90 tw:focus-visible:ring-destructive/20 tw:dark:focus-visible:ring-destructive/40 tw:dark:bg-destructive/60",
|
|
12
|
+
outline: "tw:text-foreground tw:[a&]:hover:bg-accent tw:[a&]:hover:text-accent-foreground",
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
variant: "default",
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
function Badge({ className, variant, asChild = false, ...props }) {
|
|
20
|
+
const Comp = asChild ? Slot : "span";
|
|
21
|
+
return (jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { Badge, badgeVariants };
|
package/dist/components/card.js
CHANGED
package/dist/components/input.js
CHANGED
package/dist/components/label.js
CHANGED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
3
|
+
declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export { RadioGroup, RadioGroupItem };
|
|
6
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAKlE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime.js';
|
|
2
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
+
import { CircleIcon } from 'lucide-react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
|
|
6
|
+
function RadioGroup({ className, ...props }) {
|
|
7
|
+
return (jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn("tw:grid tw:gap-3", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
function RadioGroupItem({ className, ...props }) {
|
|
10
|
+
return (jsx(RadioGroupPrimitive.Item, { "data-slot": "radio-group-item", className: cn("tw:border-input tw:text-primary tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40 tw:aria-invalid:border-destructive tw:dark:bg-input/30 tw:aspect-square tw:size-4 tw:shrink-0 tw:rounded-full tw:border tw:shadow-xs tw:transition-[color,box-shadow] tw:outline-none tw:focus-visible:ring-[3px] tw:disabled:cursor-not-allowed tw:disabled:opacity-50", className), ...props, children: jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "tw:relative tw:flex tw:items-center tw:justify-center", children: jsx(CircleIcon, { className: "tw:fill-primary tw:absolute tw:top-1/2 tw:left-1/2 tw:size-2 tw:-translate-x-1/2 tw:-translate-y-1/2" }) }) }));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
3
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export { ScrollArea, ScrollBar };
|
|
6
|
+
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime.js';
|
|
2
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
|
|
5
|
+
function ScrollArea({ className, children, ...props }) {
|
|
6
|
+
return (jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("tw:relative", className), ...props, children: [jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "tw:focus-visible:ring-ring/50 tw:size-full tw:rounded-[inherit] tw:transition-[color,box-shadow] tw:outline-none tw:focus-visible:ring-[3px] tw:focus-visible:outline-1", children: children }), jsx(ScrollBar, {}), jsx(ScrollAreaPrimitive.Corner, {})] }));
|
|
7
|
+
}
|
|
8
|
+
function ScrollBar({ className, orientation = "vertical", ...props }) {
|
|
9
|
+
return (jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("tw:flex tw:touch-none tw:p-px tw:transition-colors tw:select-none", orientation === "vertical" &&
|
|
10
|
+
"tw:h-full tw:w-2.5 tw:border-l tw:border-l-transparent", orientation === "horizontal" &&
|
|
11
|
+
"tw:h-2.5 tw:flex-col tw:border-t tw:border-t-transparent", className), ...props, children: jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "tw:bg-border tw:relative tw:flex-1 tw:rounded-full" }) }));
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
3
|
+
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
7
|
+
size?: "sm" | "default";
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
16
|
+
//# sourceMappingURL=select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAyBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA8BtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAsBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime.js';
|
|
2
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
|
+
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
|
|
6
|
+
function Select({ ...props }) {
|
|
7
|
+
return jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
|
|
8
|
+
}
|
|
9
|
+
function SelectGroup({ ...props }) {
|
|
10
|
+
return jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
|
|
11
|
+
}
|
|
12
|
+
function SelectValue({ ...props }) {
|
|
13
|
+
return jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
|
|
14
|
+
}
|
|
15
|
+
function SelectTrigger({ className, size = "default", children, ...props }) {
|
|
16
|
+
return (jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn("tw:flex tw:w-fit tw:items-center tw:justify-between tw:gap-2 tw:rounded-md tw:border tw:border-input tw:bg-transparent tw:px-3 tw:py-2 tw:text-sm tw:whitespace-nowrap tw:shadow-xs tw:transition-[color,box-shadow] tw:outline-none", "tw:data-[placeholder]:text-muted-foreground tw:[&_svg:not([class*='text-'])]:text-muted-foreground", "tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:ring-[3px]", "tw:aria-invalid:border-destructive tw:aria-invalid:ring-destructive/20 tw:dark:aria-invalid:ring-destructive/40", "tw:dark:bg-input/30 tw:dark:hover:bg-input/50", "tw:disabled:cursor-not-allowed tw:disabled:opacity-50", "tw:data-[size=default]:h-9 tw:data-[size=sm]:h-8", "tw:*:data-[slot=select-value]:line-clamp-1 tw:*:data-[slot=select-value]:flex tw:*:data-[slot=select-value]:items-center tw:*:data-[slot=select-value]:gap-2", "tw:[&_svg]:pointer-events-none tw:[&_svg]:shrink-0 tw:[&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, jsx(SelectPrimitive.Icon, { asChild: true, children: jsx(ChevronDownIcon, { className: "tw:size-4 tw:opacity-50" }) })] }));
|
|
17
|
+
}
|
|
18
|
+
function SelectContent({ className, children, position = "popper", ...props }) {
|
|
19
|
+
return (jsx(SelectPrimitive.Portal, { children: jsxs(SelectPrimitive.Content, { "data-slot": "select-content", className: cn("tw:relative tw:z-50 tw:min-w-[8rem] tw:max-h-(--radix-select-content-available-height) tw:origin-(--radix-select-content-transform-origin) tw:overflow-x-hidden tw:overflow-y-auto tw:rounded-md tw:border tw:bg-popover tw:text-popover-foreground tw:shadow-md", "tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0 tw:data-[state=closed]:zoom-out-95 tw:data-[state=open]:zoom-in-95", "tw:data-[side=bottom]:slide-in-from-top-2 tw:data-[side=left]:slide-in-from-right-2 tw:data-[side=right]:slide-in-from-left-2 tw:data-[side=top]:slide-in-from-bottom-2", position === "popper" &&
|
|
20
|
+
"tw:data-[side=bottom]:translate-y-1 tw:data-[side=left]:-translate-x-1 tw:data-[side=right]:translate-x-1 tw:data-[side=top]:-translate-y-1", className), position: position, ...props, children: [jsx(SelectScrollUpButton, {}), jsx(SelectPrimitive.Viewport, { className: cn("tw:p-1", position === "popper" &&
|
|
21
|
+
"tw:h-[var(--radix-select-trigger-height)] tw:w-full tw:min-w-[var(--radix-select-trigger-width)] tw:scroll-my-1"), children: children }), jsx(SelectScrollDownButton, {})] }) }));
|
|
22
|
+
}
|
|
23
|
+
function SelectLabel({ className, ...props }) {
|
|
24
|
+
return (jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn("tw:text-muted-foreground tw:px-2 tw:py-1.5 tw:text-xs", className), ...props }));
|
|
25
|
+
}
|
|
26
|
+
function SelectItem({ className, children, ...props }) {
|
|
27
|
+
return (jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn("tw:relative tw:flex tw:w-full tw:cursor-default tw:items-center tw:gap-2 tw:rounded-sm tw:py-1.5 tw:pl-2 tw:pr-8 tw:text-sm tw:outline-hidden tw:select-none tw:transition-colors", "tw:focus:bg-accent tw:focus:text-accent-foreground", "tw:data-[disabled]:pointer-events-none tw:data-[disabled]:opacity-50", "tw:[&>span]:line-clamp-1 tw:[&>span]:flex tw:[&>span]:items-center tw:[&>span]:gap-2", "tw:[&_svg]:pointer-events-none tw:[&_svg]:shrink-0 tw:[&_svg:not([class*='size-'])]:size-4 tw:[&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props, children: [jsx("span", { className: "tw:absolute tw:right-2 tw:flex tw:size-3.5 tw:items-center tw:justify-center", children: jsx(SelectPrimitive.ItemIndicator, { children: jsx(CheckIcon, { className: "tw:size-4" }) }) }), jsx(SelectPrimitive.ItemText, { children: children })] }));
|
|
28
|
+
}
|
|
29
|
+
function SelectSeparator({ className, ...props }) {
|
|
30
|
+
return (jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn("tw:bg-border tw:pointer-events-none tw:-mx-1 tw:my-1 tw:h-px", className), ...props }));
|
|
31
|
+
}
|
|
32
|
+
function SelectScrollUpButton({ className, ...props }) {
|
|
33
|
+
return (jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn("tw:flex tw:cursor-default tw:items-center tw:justify-center tw:py-1", className), ...props, children: jsx(ChevronUpIcon, { className: "tw:size-4" }) }));
|
|
34
|
+
}
|
|
35
|
+
function SelectScrollDownButton({ className, ...props }) {
|
|
36
|
+
return (jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("tw:flex tw:cursor-default tw:items-center tw:justify-center tw:py-1", className), ...props, children: jsx(ChevronDownIcon, { className: "tw:size-4" }) }));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
3
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
9
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetPortal, SheetOverlay, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
|
|
16
|
+
//# sourceMappingURL=sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/components/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AAKxD,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAE5E;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAErD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,2CAEpD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAYrD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC3C,2CA+BA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAQnD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,2CAQzD;AAED,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime.js';
|
|
2
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
import { XIcon } from 'lucide-react';
|
|
4
|
+
import { cn } from '../lib/utils.js';
|
|
5
|
+
|
|
6
|
+
function Sheet({ ...props }) {
|
|
7
|
+
return jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
|
|
8
|
+
}
|
|
9
|
+
function SheetTrigger({ ...props }) {
|
|
10
|
+
return jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
11
|
+
}
|
|
12
|
+
function SheetClose({ ...props }) {
|
|
13
|
+
return jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
|
|
14
|
+
}
|
|
15
|
+
function SheetPortal({ ...props }) {
|
|
16
|
+
return jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
|
|
17
|
+
}
|
|
18
|
+
function SheetOverlay({ className, ...props }) {
|
|
19
|
+
return (jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn("tw:fixed tw:inset-0 tw:z-50 tw:bg-black/50", "tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out tw:data-[state=closed]:fade-out-0 tw:data-[state=open]:fade-in-0", className), ...props }));
|
|
20
|
+
}
|
|
21
|
+
function SheetContent({ className, children, side = "right", ...props }) {
|
|
22
|
+
return (jsxs(SheetPortal, { children: [jsx(SheetOverlay, {}), jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn("tw:fixed tw:z-50 tw:flex tw:flex-col tw:gap-4 tw:bg-background tw:shadow-lg tw:transition tw:ease-in-out", "tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out tw:data-[state=closed]:duration-300 tw:data-[state=open]:duration-500", side === "right" &&
|
|
23
|
+
"tw:inset-y-0 tw:right-0 tw:h-full tw:w-3/4 tw:border-l tw:data-[state=closed]:slide-out-to-right tw:data-[state=open]:slide-in-from-right tw:sm:max-w-sm", side === "left" &&
|
|
24
|
+
"tw:inset-y-0 tw:left-0 tw:h-full tw:w-3/4 tw:border-r tw:data-[state=closed]:slide-out-to-left tw:data-[state=open]:slide-in-from-left tw:sm:max-w-sm", side === "top" &&
|
|
25
|
+
"tw:inset-x-0 tw:top-0 tw:h-auto tw:border-b tw:data-[state=closed]:slide-out-to-top tw:data-[state=open]:slide-in-from-top", side === "bottom" &&
|
|
26
|
+
"tw:inset-x-0 tw:bottom-0 tw:h-auto tw:border-t tw:data-[state=closed]:slide-out-to-bottom tw:data-[state=open]:slide-in-from-bottom", className), ...props, children: [children, jsxs(SheetPrimitive.Close, { className: "tw:absolute tw:right-4 tw:top-4 tw:rounded-sm tw:opacity-70 tw:transition-opacity tw:ring-offset-background tw:hover:opacity-100 tw:focus:outline-hidden tw:focus:ring-2 tw:focus:ring-ring tw:focus:ring-offset-2 tw:data-[state=open]:bg-secondary tw:disabled:pointer-events-none", children: [jsx(XIcon, { "aria-hidden": true, className: "tw:size-4" }), jsx("span", { className: "tw:sr-only", children: "Close" })] })] })] }));
|
|
27
|
+
}
|
|
28
|
+
function SheetHeader({ className, ...props }) {
|
|
29
|
+
return (jsx("div", { "data-slot": "sheet-header", className: cn("tw:flex tw:flex-col tw:gap-1.5 tw:p-4", className), ...props }));
|
|
30
|
+
}
|
|
31
|
+
function SheetFooter({ className, ...props }) {
|
|
32
|
+
return (jsx("div", { "data-slot": "sheet-footer", className: cn("tw:mt-auto tw:flex tw:flex-col tw:gap-2 tw:p-4", className), ...props }));
|
|
33
|
+
}
|
|
34
|
+
function SheetTitle({ className, ...props }) {
|
|
35
|
+
return (jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn("tw:text-foreground tw:text-lg tw:font-semibold", className), ...props }));
|
|
36
|
+
}
|
|
37
|
+
function SheetDescription({ className, ...props }) {
|
|
38
|
+
return (jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn("tw:text-muted-foreground tw:text-sm", className), ...props }));
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
|
package/dist/globals.css
CHANGED
|
@@ -8,74 +8,99 @@
|
|
|
8
8
|
@custom-variant dark (&:is(.dark *));
|
|
9
9
|
|
|
10
10
|
:root {
|
|
11
|
-
--background: oklch(
|
|
12
|
-
--foreground: oklch(0.
|
|
13
|
-
--card: oklch(1 0 0);
|
|
14
|
-
--card-foreground: oklch(0.
|
|
15
|
-
--popover: oklch(1 0 0);
|
|
16
|
-
--popover-foreground: oklch(0.
|
|
17
|
-
--primary: oklch(0.
|
|
18
|
-
--primary-foreground: oklch(
|
|
19
|
-
--secondary: oklch(0.
|
|
20
|
-
--secondary-foreground: oklch(0.
|
|
21
|
-
--muted: oklch(0.
|
|
22
|
-
--muted-foreground: oklch(0.
|
|
23
|
-
--accent: oklch(0.
|
|
24
|
-
--accent-foreground: oklch(0.
|
|
25
|
-
--destructive: oklch(0.
|
|
26
|
-
--destructive-foreground: oklch(
|
|
27
|
-
--border: oklch(0.
|
|
28
|
-
--input: oklch(0.
|
|
29
|
-
--ring: oklch(0.
|
|
30
|
-
--chart-1: oklch(0.
|
|
31
|
-
--chart-2: oklch(0.
|
|
32
|
-
--chart-3: oklch(0.
|
|
33
|
-
--chart-4: oklch(0.
|
|
34
|
-
--chart-5: oklch(0.
|
|
35
|
-
--
|
|
36
|
-
--sidebar: oklch(0.
|
|
37
|
-
--sidebar-
|
|
38
|
-
--sidebar-primary: oklch(
|
|
39
|
-
--sidebar-
|
|
40
|
-
--sidebar-accent: oklch(0.
|
|
41
|
-
--sidebar-
|
|
42
|
-
--sidebar-
|
|
43
|
-
--
|
|
11
|
+
--background: oklch(0.9842 0.0034 247.8575);
|
|
12
|
+
--foreground: oklch(0.2795 0.0368 260.0310);
|
|
13
|
+
--card: oklch(1.0000 0 0);
|
|
14
|
+
--card-foreground: oklch(0.2795 0.0368 260.0310);
|
|
15
|
+
--popover: oklch(1.0000 0 0);
|
|
16
|
+
--popover-foreground: oklch(0.2795 0.0368 260.0310);
|
|
17
|
+
--primary: oklch(0.7127 0.1242 224.5720);
|
|
18
|
+
--primary-foreground: oklch(1.0000 0 0);
|
|
19
|
+
--secondary: oklch(0.9276 0.0058 264.5313);
|
|
20
|
+
--secondary-foreground: oklch(0.3729 0.0306 259.7328);
|
|
21
|
+
--muted: oklch(0.9670 0.0029 264.5419);
|
|
22
|
+
--muted-foreground: oklch(0.5510 0.0234 264.3637);
|
|
23
|
+
--accent: oklch(0.9299 0.0334 272.7879);
|
|
24
|
+
--accent-foreground: oklch(0.3729 0.0306 259.7328);
|
|
25
|
+
--destructive: oklch(0.6368 0.2078 25.3313);
|
|
26
|
+
--destructive-foreground: oklch(1.0000 0 0);
|
|
27
|
+
--border: oklch(0.8717 0.0093 258.3382);
|
|
28
|
+
--input: oklch(0.8717 0.0093 258.3382);
|
|
29
|
+
--ring: oklch(0.5854 0.2041 277.1173);
|
|
30
|
+
--chart-1: oklch(0.5854 0.2041 277.1173);
|
|
31
|
+
--chart-2: oklch(0.5106 0.2301 276.9656);
|
|
32
|
+
--chart-3: oklch(0.4568 0.2146 277.0229);
|
|
33
|
+
--chart-4: oklch(0.3984 0.1773 277.3662);
|
|
34
|
+
--chart-5: oklch(0.3588 0.1354 278.6973);
|
|
35
|
+
--sidebar: oklch(0.9670 0.0029 264.5419);
|
|
36
|
+
--sidebar-foreground: oklch(0.2795 0.0368 260.0310);
|
|
37
|
+
--sidebar-primary: oklch(0.5854 0.2041 277.1173);
|
|
38
|
+
--sidebar-primary-foreground: oklch(1.0000 0 0);
|
|
39
|
+
--sidebar-accent: oklch(0.9299 0.0334 272.7879);
|
|
40
|
+
--sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);
|
|
41
|
+
--sidebar-border: oklch(0.8717 0.0093 258.3382);
|
|
42
|
+
--sidebar-ring: oklch(0.5854 0.2041 277.1173);
|
|
43
|
+
--font-sans: Inter, sans-serif;
|
|
44
|
+
--font-serif: Merriweather, serif;
|
|
45
|
+
--font-mono: JetBrains Mono, monospace;
|
|
46
|
+
--radius: 0.5rem;
|
|
47
|
+
--shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
|
|
48
|
+
--shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
|
|
49
|
+
--shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
|
|
50
|
+
--shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
|
|
51
|
+
--shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
|
|
52
|
+
--shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
|
|
53
|
+
--shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
|
|
54
|
+
--shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
|
|
55
|
+
--tracking-normal: 0em;
|
|
56
|
+
--spacing: 0.25rem;
|
|
44
57
|
}
|
|
45
58
|
|
|
46
59
|
.dark {
|
|
47
|
-
--background: oklch(0.
|
|
48
|
-
--foreground: oklch(0.
|
|
49
|
-
--card: oklch(0.
|
|
50
|
-
--card-foreground: oklch(0.
|
|
51
|
-
--popover: oklch(0.
|
|
52
|
-
--popover-foreground: oklch(0.
|
|
53
|
-
--primary: oklch(0.
|
|
54
|
-
--primary-foreground: oklch(0.
|
|
55
|
-
--secondary: oklch(0.
|
|
56
|
-
--secondary-foreground: oklch(0.
|
|
57
|
-
--muted: oklch(0.
|
|
58
|
-
--muted-foreground: oklch(0.
|
|
59
|
-
--accent: oklch(0.
|
|
60
|
-
--accent-foreground: oklch(0.
|
|
61
|
-
--destructive: oklch(0.
|
|
62
|
-
--destructive-foreground: oklch(0.
|
|
63
|
-
--border: oklch(0.
|
|
64
|
-
--input: oklch(0.
|
|
65
|
-
--ring: oklch(0.
|
|
66
|
-
--chart-1: oklch(0.
|
|
67
|
-
--chart-2: oklch(0.
|
|
68
|
-
--chart-3: oklch(0.
|
|
69
|
-
--chart-4: oklch(0.
|
|
70
|
-
--chart-5: oklch(0.
|
|
71
|
-
--sidebar: oklch(0.
|
|
72
|
-
--sidebar-foreground: oklch(0.
|
|
73
|
-
--sidebar-primary: oklch(0.
|
|
74
|
-
--sidebar-primary-foreground: oklch(0.
|
|
75
|
-
--sidebar-accent: oklch(0.
|
|
76
|
-
--sidebar-accent-foreground: oklch(0.
|
|
77
|
-
--sidebar-border: oklch(0.
|
|
78
|
-
--sidebar-ring: oklch(0.
|
|
60
|
+
--background: oklch(0.2077 0.0398 265.7549);
|
|
61
|
+
--foreground: oklch(0.9288 0.0126 255.5078);
|
|
62
|
+
--card: oklch(0.2795 0.0368 260.0310);
|
|
63
|
+
--card-foreground: oklch(0.9288 0.0126 255.5078);
|
|
64
|
+
--popover: oklch(0.2795 0.0368 260.0310);
|
|
65
|
+
--popover-foreground: oklch(0.9288 0.0126 255.5078);
|
|
66
|
+
--primary: oklch(0.6801 0.1583 276.9349);
|
|
67
|
+
--primary-foreground: oklch(0.2077 0.0398 265.7549);
|
|
68
|
+
--secondary: oklch(0.3351 0.0331 260.9120);
|
|
69
|
+
--secondary-foreground: oklch(0.8717 0.0093 258.3382);
|
|
70
|
+
--muted: oklch(0.2795 0.0368 260.0310);
|
|
71
|
+
--muted-foreground: oklch(0.7137 0.0192 261.3246);
|
|
72
|
+
--accent: oklch(0.3729 0.0306 259.7328);
|
|
73
|
+
--accent-foreground: oklch(0.8717 0.0093 258.3382);
|
|
74
|
+
--destructive: oklch(0.6368 0.2078 25.3313);
|
|
75
|
+
--destructive-foreground: oklch(0.2077 0.0398 265.7549);
|
|
76
|
+
--border: oklch(0.4461 0.0263 256.8018);
|
|
77
|
+
--input: oklch(0.4461 0.0263 256.8018);
|
|
78
|
+
--ring: oklch(0.6801 0.1583 276.9349);
|
|
79
|
+
--chart-1: oklch(0.6801 0.1583 276.9349);
|
|
80
|
+
--chart-2: oklch(0.5854 0.2041 277.1173);
|
|
81
|
+
--chart-3: oklch(0.5106 0.2301 276.9656);
|
|
82
|
+
--chart-4: oklch(0.4568 0.2146 277.0229);
|
|
83
|
+
--chart-5: oklch(0.3984 0.1773 277.3662);
|
|
84
|
+
--sidebar: oklch(0.2795 0.0368 260.0310);
|
|
85
|
+
--sidebar-foreground: oklch(0.9288 0.0126 255.5078);
|
|
86
|
+
--sidebar-primary: oklch(0.6801 0.1583 276.9349);
|
|
87
|
+
--sidebar-primary-foreground: oklch(0.2077 0.0398 265.7549);
|
|
88
|
+
--sidebar-accent: oklch(0.3729 0.0306 259.7328);
|
|
89
|
+
--sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);
|
|
90
|
+
--sidebar-border: oklch(0.4461 0.0263 256.8018);
|
|
91
|
+
--sidebar-ring: oklch(0.6801 0.1583 276.9349);
|
|
92
|
+
--font-sans: Inter, sans-serif;
|
|
93
|
+
--font-serif: Merriweather, serif;
|
|
94
|
+
--font-mono: JetBrains Mono, monospace;
|
|
95
|
+
--radius: 0.5rem;
|
|
96
|
+
--shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
|
|
97
|
+
--shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
|
|
98
|
+
--shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
|
|
99
|
+
--shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
|
|
100
|
+
--shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
|
|
101
|
+
--shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
|
|
102
|
+
--shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
|
|
103
|
+
--shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
|
|
79
104
|
}
|
|
80
105
|
|
|
81
106
|
@theme inline {
|
|
@@ -103,10 +128,6 @@
|
|
|
103
128
|
--color-chart-3: var(--chart-3);
|
|
104
129
|
--color-chart-4: var(--chart-4);
|
|
105
130
|
--color-chart-5: var(--chart-5);
|
|
106
|
-
--radius-sm: calc(var(--radius) - 4px);
|
|
107
|
-
--radius-md: calc(var(--radius) - 2px);
|
|
108
|
-
--radius-lg: var(--radius);
|
|
109
|
-
--radius-xl: calc(var(--radius) + 4px);
|
|
110
131
|
--color-sidebar: var(--sidebar);
|
|
111
132
|
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
112
133
|
--color-sidebar-primary: var(--sidebar-primary);
|
|
@@ -115,13 +136,32 @@
|
|
|
115
136
|
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
116
137
|
--color-sidebar-border: var(--sidebar-border);
|
|
117
138
|
--color-sidebar-ring: var(--sidebar-ring);
|
|
139
|
+
|
|
140
|
+
--font-sans: var(--font-sans);
|
|
141
|
+
--font-mono: var(--font-mono);
|
|
142
|
+
--font-serif: var(--font-serif);
|
|
143
|
+
|
|
144
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
145
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
146
|
+
--radius-lg: var(--radius);
|
|
147
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
148
|
+
|
|
149
|
+
--shadow-2xs: var(--shadow-2xs);
|
|
150
|
+
--shadow-xs: var(--shadow-xs);
|
|
151
|
+
--shadow-sm: var(--shadow-sm);
|
|
152
|
+
--shadow: var(--shadow);
|
|
153
|
+
--shadow-md: var(--shadow-md);
|
|
154
|
+
--shadow-lg: var(--shadow-lg);
|
|
155
|
+
--shadow-xl: var(--shadow-xl);
|
|
156
|
+
--shadow-2xl: var(--shadow-2xl);
|
|
118
157
|
}
|
|
119
158
|
|
|
120
159
|
@layer base {
|
|
121
160
|
* {
|
|
122
161
|
@apply tw:border-border tw:outline-ring/50;
|
|
123
162
|
}
|
|
163
|
+
|
|
124
164
|
body {
|
|
125
165
|
@apply tw:bg-background tw:text-foreground;
|
|
126
166
|
}
|
|
127
|
-
}
|
|
167
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
export * from "./components/button";
|
|
2
|
+
export * from "./components/alert-dialog";
|
|
3
|
+
export * from "./components/badge";
|
|
2
4
|
export * from "./components/card";
|
|
3
5
|
export * from "./components/checkbox";
|
|
4
6
|
export * from "./components/input";
|
|
5
7
|
export * from "./components/label";
|
|
6
8
|
export * from "./components/popover";
|
|
7
9
|
export * from "./components/switch";
|
|
10
|
+
export * from "./components/radio-group";
|
|
11
|
+
export * from "./components/scroll-area";
|
|
12
|
+
export * from "./components/select";
|
|
13
|
+
export * from "./components/sheet";
|
|
8
14
|
export * from "./lib/utils";
|
|
9
15
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
export { Button, buttonVariants } from './components/button.js';
|
|
2
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/alert-dialog.js';
|
|
3
|
+
export { Badge, badgeVariants } from './components/badge.js';
|
|
2
4
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/card.js';
|
|
3
5
|
export { Checkbox } from './components/checkbox.js';
|
|
4
6
|
export { Input } from './components/input.js';
|
|
5
7
|
export { Label } from './components/label.js';
|
|
6
8
|
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/popover.js';
|
|
7
9
|
export { Switch } from './components/switch.js';
|
|
10
|
+
export { RadioGroup, RadioGroupItem } from './components/radio-group.js';
|
|
11
|
+
export { ScrollArea, ScrollBar } from './components/scroll-area.js';
|
|
12
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/select.js';
|
|
13
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './components/sheet.js';
|
|
8
14
|
export { cn } from './lib/utils.js';
|
package/package.json
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getgreenline/blaze-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.12",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"dependencies": {
|
|
6
|
+
"@radix-ui/react-alert-dialog": "^1.1.15",
|
|
6
7
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
8
|
+
"@radix-ui/react-dialog": "^1.1.15",
|
|
7
9
|
"@radix-ui/react-label": "^2.1.7",
|
|
8
10
|
"@radix-ui/react-popover": "^1.1.15",
|
|
11
|
+
"@radix-ui/react-radio-group": "^1.3.8",
|
|
12
|
+
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
13
|
+
"@radix-ui/react-select": "^2.2.6",
|
|
9
14
|
"@radix-ui/react-slot": "^1.2.3",
|
|
10
15
|
"@radix-ui/react-switch": "^1.2.6",
|
|
11
16
|
"class-variance-authority": "^0.7.1",
|
|
@@ -20,19 +25,19 @@
|
|
|
20
25
|
"react-dom": ">=16.14"
|
|
21
26
|
},
|
|
22
27
|
"devDependencies": {
|
|
23
|
-
"@tailwindcss/postcss": "^4.1.11",
|
|
24
|
-
"@turbo/gen": "^2.5.5",
|
|
25
28
|
"@rollup/plugin-commonjs": "^28.0.0",
|
|
26
29
|
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
27
30
|
"@rollup/plugin-typescript": "^12.1.0",
|
|
31
|
+
"@tailwindcss/postcss": "^4.1.11",
|
|
32
|
+
"@turbo/gen": "^2.5.5",
|
|
28
33
|
"@types/node": "^20.19.9",
|
|
29
34
|
"@types/react": "^19.1.9",
|
|
30
35
|
"@types/react-dom": "^19.1.7",
|
|
31
36
|
"rollup": "^4.52.0",
|
|
32
37
|
"tailwindcss": "^4.1.11",
|
|
33
38
|
"typescript": "^5.9.2",
|
|
34
|
-
"@workspace/
|
|
35
|
-
"@workspace/
|
|
39
|
+
"@workspace/eslint-config": "0.0.0",
|
|
40
|
+
"@workspace/typescript-config": "0.0.0"
|
|
36
41
|
},
|
|
37
42
|
"main": "./dist/index.js",
|
|
38
43
|
"module": "./dist/index.js",
|