@websolutespa/ask-ui 1.0.2 → 1.0.4

package/dist/components/navigation-menu.d.mts

@@ -0,0 +1,46 @@
+import { NavigationMenu } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/navigation-menu.d.ts
+declare function NavigationMenu$1({
+  className,
+  children,
+  viewport,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Root> & {
+  viewport?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.List>): _$react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Item>): _$react_jsx_runtime0.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: _$class_variance_authority_types0.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Content>): _$react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Viewport>): _$react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Link>): _$react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Indicator>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/components/navigation-menu.mjs

@@ -0,0 +1,80 @@
+import { cn } from "../lib/utils.mjs";
+import { ChevronDownIcon } from "lucide-react";
+import { NavigationMenu } from "radix-ui";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/navigation-menu.tsx
+function NavigationMenu$1({ className, children, viewport = true, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu.Root, {
+		"data-slot": "navigation-menu",
+		"data-viewport": viewport,
+		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		...props,
+		children: [children, viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+	});
+}
+function NavigationMenuList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+		"data-slot": "navigation-menu-list",
+		className: cn("group flex flex-1 list-none items-center justify-center gap-0", className),
+		...props
+	});
+}
+function NavigationMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+		"data-slot": "navigation-menu-item",
+		className: cn("relative", className),
+		...props
+	});
+}
+const navigationMenuTriggerStyle = cva("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
+function NavigationMenuTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: cn(navigationMenuTriggerStyle(), "group", className),
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+function NavigationMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+		"data-slot": "navigation-menu-content",
+		className: cn("top-0 left-0 w-full p-2 pr-2.5 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", className),
+		...props
+	});
+}
+function NavigationMenuViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+		children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+			"data-slot": "navigation-menu-viewport",
+			className: cn("origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100 md:w-(--radix-navigation-menu-viewport-width) data-open:animate-in data-open:zoom-in-90 data-closed:animate-out data-closed:zoom-out-90", className),
+			...props
+		})
+	});
+}
+function NavigationMenuLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+		"data-slot": "navigation-menu-link",
+		className: cn("flex items-center gap-1.5 rounded-md p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-sm data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function NavigationMenuIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu.Indicator, {
+		"data-slot": "navigation-menu-indicator",
+		className: cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className),
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+	});
+}
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/components/pagination.d.mts

@@ -0,0 +1,45 @@
+import { Button } from "./button.mjs";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/pagination.d.ts
+declare function Pagination({
+  className,
+  ...props
+}: React.ComponentProps<'nav'>): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<'ul'>): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: React.ComponentProps<'li'>): _$react_jsx_runtime0.JSX.Element;
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationPrevious({
+  className,
+  text,
+  ...props
+}: React.ComponentProps<typeof PaginationLink> & {
+  text?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationNext({
+  className,
+  text,
+  ...props
+}: React.ComponentProps<typeof PaginationLink> & {
+  text?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/pagination.mjs

@@ -0,0 +1,80 @@
+import { cn } from "../lib/utils.mjs";
+import { Button } from "./button.mjs";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination.tsx
+function Pagination({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: cn("mx-auto flex w-full justify-center", className),
+		...props
+	});
+}
+function PaginationContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "pagination-content",
+		className: cn("flex items-center gap-1", className),
+		...props
+	});
+}
+function PaginationItem({ ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "pagination-item",
+		...props
+	});
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		asChild: true,
+		variant: isActive ? "outline" : "ghost",
+		size,
+		className: cn(className),
+		children: /* @__PURE__ */ jsx("a", {
+			"aria-current": isActive ? "page" : void 0,
+			"data-slot": "pagination-link",
+			"data-active": isActive,
+			...props
+		})
+	});
+}
+function PaginationPrevious({ className, text = "Previous", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: cn("pl-2!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { "data-icon": "inline-start" }), /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		})]
+	});
+}
+function PaginationNext({ className, text = "Next", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: cn("pr-2!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		}), /* @__PURE__ */ jsx(ChevronRightIcon, { "data-icon": "inline-end" })]
+	});
+}
+function PaginationEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": true,
+		"data-slot": "pagination-ellipsis",
+		className: cn("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/popover.d.mts

@@ -0,0 +1,34 @@
+import { Popover } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/popover.d.ts
+declare function Popover$1({
+  ...props
+}: React.ComponentProps<typeof Popover.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof Popover.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function PopoverContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React.ComponentProps<typeof Popover.Content>): _$react_jsx_runtime0.JSX.Element;
+declare function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof Popover.Anchor>): _$react_jsx_runtime0.JSX.Element;
+declare function PopoverHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function PopoverTitle({
+  className,
+  ...props
+}: React.ComponentProps<'h2'>): _$react_jsx_runtime0.JSX.Element;
+declare function PopoverDescription({
+  className,
+  ...props
+}: React.ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Popover$1 as Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/popover.mjs

@@ -0,0 +1,56 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { Popover } from "radix-ui";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/popover.tsx
+function Popover$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-4 rounded-md bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+		...props
+	}) });
+}
+function PopoverAnchor({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Anchor, {
+		"data-slot": "popover-anchor",
+		...props
+	});
+}
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: cn("flex flex-col gap-1 text-sm", className),
+		...props
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-title",
+		className: cn("font-medium", className),
+		...props
+	});
+}
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "popover-description",
+		className: cn("text-muted-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Popover$1 as Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/progress.d.mts

@@ -0,0 +1,12 @@
+import { Progress } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/progress.d.ts
+declare function Progress$1({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof Progress.Root>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Progress$1 as Progress };

package/dist/components/progress.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { Progress } from "radix-ui";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/progress.tsx
+function Progress$1({ className, value, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Root, {
+		"data-slot": "progress",
+		className: cn("relative flex h-1.5 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Progress.Indicator, {
+			"data-slot": "progress-indicator",
+			className: "size-full flex-1 bg-primary transition-all",
+			style: { transform: `translateX(-${100 - (value || 0)}%)` }
+		})
+	});
+}
+//#endregion
+export { Progress$1 as Progress };

package/dist/components/radio-group.d.mts

@@ -0,0 +1,15 @@
+import { RadioGroup } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/radio-group.d.ts
+declare function RadioGroup$1({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function RadioGroupItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup.Item>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };

package/dist/components/radio-group.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { RadioGroup } from "radix-ui";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/radio-group.tsx
+function RadioGroup$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup.Root, {
+		"data-slot": "radio-group",
+		className: cn("grid w-full gap-3", className),
+		...props
+	});
+}
+function RadioGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup.Item, {
+		"data-slot": "radio-group-item",
+		className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+		})
+	});
+}
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };

package/dist/components/resizable.d.mts

@@ -0,0 +1,20 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as ResizablePrimitive from "react-resizable-panels";
+
+//#region src/components/resizable.d.ts
+declare function ResizablePanelGroup({
+  className,
+  ...props
+}: ResizablePrimitive.GroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function ResizablePanel({
+  ...props
+}: ResizablePrimitive.PanelProps): _$react_jsx_runtime0.JSX.Element;
+declare function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}: ResizablePrimitive.SeparatorProps & {
+  withHandle?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/resizable.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as ResizablePrimitive from "react-resizable-panels";
+//#region src/components/resizable.tsx
+function ResizablePanelGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
+		"data-slot": "resizable-panel-group",
+		className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className),
+		...props
+	});
+}
+function ResizablePanel({ ...props }) {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, {
+		"data-slot": "resizable-panel",
+		...props
+	});
+}
+function ResizableHandle({ withHandle, className, ...props }) {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Separator, {
+		"data-slot": "resizable-handle",
+		className: cn("relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className),
+		...props,
+		children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
+	});
+}
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/scroll-area.d.mts

@@ -0,0 +1,17 @@
+import { ScrollArea } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/scroll-area.d.ts
+declare function ScrollArea$1({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ScrollArea.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function ScrollBar({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof ScrollArea.ScrollAreaScrollbar>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollBar };

package/dist/components/scroll-area.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { ScrollArea } from "radix-ui";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/scroll-area.tsx
+function ScrollArea$1({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		className: cn("relative", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+				children
+			}),
+			/* @__PURE__ */ jsx(ScrollBar, {}),
+			/* @__PURE__ */ jsx(ScrollArea.Corner, {})
+		]
+	});
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		"data-orientation": orientation,
+		orientation,
+		className: cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-border"
+		})
+	});
+}
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollBar };

package/dist/components/select.d.mts

@@ -0,0 +1,53 @@
+import { Select } from "radix-ui";
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/select.d.ts
+declare function Select$1({
+  ...props
+}: React.ComponentProps<typeof Select.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select.Group>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectValue({
+  ...props
+}: React.ComponentProps<typeof Select.Value>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectTrigger({
+  className,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof Select.Trigger> & {
+  size?: 'sm' | 'default';
+}): _$react_jsx_runtime0.JSX.Element;
+declare function SelectContent({
+  className,
+  children,
+  position,
+  align,
+  ...props
+}: React.ComponentProps<typeof Select.Content>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select.Label>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Select.Item>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select.Separator>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select.ScrollUpButton>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select.ScrollDownButton>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };