@xwadex/fesd-next 0.3.42 → 0.3.44-bate.2

package/dist/components/accordions/accordion.d.ts

@@ -1,11 +1,10 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import type { ShadcnBaseProps } from "../../types/index.js";
-type AccordionProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>> & {
+type PropsType = ShadcnBaseProps<typeof AccordionPrimitive.Root> & {
     as?: React.ElementType;
-    onChange?: (value?: string | string[]) => void;
 };
-declare function Accordion<T extends React.ElementType = "div">({ as, value, onChange, children, className, ...props }: AccordionProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace Accordion {
-    var displayName: string;
-}
+declare const Accordion: {
+    (props: PropsType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Accordion;

package/dist/components/accordions/accordion.js

@@ -1,14 +1,10 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-function Accordion({ as, value, onChange, children, className, ...props }) {
+const Accordion = (props) => {
+    const { as, children, ...restProps } = props;
     const Component = as || "div";
-    useEffect(() => {
-        console.log(value);
-        onChange?.(value);
-    }, [value]);
-    return (_jsx(AccordionPrimitive.Root, { asChild: true, "data-slot": "accordion", ...props, children: _jsx(Component, { children: children }) }));
-}
+    return (_jsx(AccordionPrimitive.Root, { asChild: true, "data-slot": "accordion", ...restProps, children: _jsx(Component, { children: children }) }));
+};
 Accordion.displayName = "Accordion";
 export default Accordion;

package/dist/components/accordions/accordionContent.d.ts

@@ -1,10 +1,11 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import type { ShadcnBaseProps } from "../../types/index.js";
-type AccordionContentProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>> & {
+type PropsType = ShadcnBaseProps<typeof AccordionPrimitive.Content> & {
     as?: React.ElementType;
+    ref?: React.Ref<Element>;
+};
+declare const AccordionContent: {
+    (props: PropsType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-declare function AccordionContent<T extends React.ElementType = "div">({ as, className, children, ...props }: AccordionContentProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace AccordionContent {
-    var displayName: string;
-}
 export default AccordionContent;

package/dist/components/accordions/accordionContent.js

@@ -3,15 +3,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { useMounted } from "../../hooks/index.js";
 import { cn } from "../../utils/index.js";
-function AccordionContent({ as, className, children, ...props }) {
+import { useImperativeHandle, useRef } from "react";
+const AccordionContent = (props) => {
+    const { as, ref, className, children, ...restProps } = props;
     const Component = as || "div";
+    const insideRef = useRef(null);
+    useImperativeHandle(ref, () => insideRef.current);
     const { isMounded } = useMounted();
-    return (_jsx(AccordionPrimitive.Content, { asChild: true, "data-slot": "accordion-content", className: cn(`
-                overflow-hidden
-                text-sm`, isMounded && `
-                data-[state=closed]:animate-accordion-up2
-                data-[state=open]:animate-accordion-down2
-            `), ...props, children: _jsx(Component, { children: children }) }));
-}
+    return (_jsx(AccordionPrimitive.Content, { asChild: true, "data-slot": "accordion-content", ...restProps, children: _jsx(Component, { ref: insideRef, className: cn(`
+					overflow-hidden
+					text-sm`, isMounded && `
+					data-[state=closed]:animate-accordion-up2
+					data-[state=open]:animate-accordion-down2`, className), children: children }) }));
+};
 AccordionContent.displayName = "AccordionContent";
 export default AccordionContent;

package/dist/components/accordions/accordionItem.d.ts

@@ -1,10 +1,11 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import type { ShadcnBaseProps } from "../../types/index.js";
-type AccordionItemProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>> & {
+type PropsType = ShadcnBaseProps<typeof AccordionPrimitive.Item> & {
     as?: React.ElementType;
+    ref?: React.Ref<Element>;
+};
+declare const AccordionItem: {
+    (props: PropsType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-declare function AccordionItem<T extends React.ElementType = "div">({ as, className, children, ...props }: AccordionItemProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace AccordionItem {
-    var displayName: string;
-}
 export default AccordionItem;

package/dist/components/accordions/accordionItem.js

@@ -1,9 +1,14 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-function AccordionItem({ as, className, children, ...props }) {
+import { cn } from "../../utils/index.js";
+import { useImperativeHandle, useRef } from "react";
+const AccordionItem = (props) => {
+    const { as, ref, className, children, ...restProps } = props;
     const Component = as || "div";
-    return (_jsx(AccordionPrimitive.Item, { asChild: true, "data-slot": "accordion-item", className: className, ...props, children: _jsx(Component, { children: children }) }));
-}
+    const insideRef = useRef(null);
+    useImperativeHandle(ref, () => insideRef.current);
+    return (_jsx(AccordionPrimitive.Item, { asChild: true, "data-slot": "accordion-item", ...restProps, children: _jsx(Component, { ref: insideRef, className: cn(className), children: children }) }));
+};
 AccordionItem.displayName = "AccordionItem";
 export default AccordionItem;

package/dist/components/accordions/accordionTrigger.d.ts

@@ -1,10 +1,11 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import type { ShadcnBaseProps } from "../../types/index.js";
-type AccordionTriggerProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>> & {
+type PropsType = ShadcnBaseProps<typeof AccordionPrimitive.Trigger> & {
     as?: React.ElementType;
+    ref?: React.Ref<Element>;
+};
+declare const AccordionTrigger: {
+    (props: PropsType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-declare function AccordionTrigger<T extends React.ElementType = "button">({ as, children, className, ...props }: AccordionTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace AccordionTrigger {
-    var displayName: string;
-}
 export default AccordionTrigger;

package/dist/components/accordions/accordionTrigger.js

@@ -2,15 +2,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { cn } from "../../utils/index.js";
-function AccordionTrigger({ as, children, className, ...props }) {
+import { useImperativeHandle, useRef } from "react";
+const AccordionTrigger = (props) => {
+    const { as, ref, children, className, ...restProps } = props;
     const Component = as || "button";
     const isButton = Component === "button";
-    return (_jsx(AccordionPrimitive.Header, { asChild: true, children: _jsx(AccordionPrimitive.Trigger, { asChild: true, "data-slot": "accordion-trigger", ...props, children: _jsx(Component, { type: isButton ? "button" : undefined, role: !isButton ? "button" : undefined, "aria-expanded": props["aria-expanded"], "aria-controls": props["aria-controls"], tabIndex: 0, className: cn(`outline-none
-                        focus-visible:border-ring
-                        focus-visible:ring-ring/50
-                        disabled:pointer-events-none
-                        disabled:opacity-50`, className), children: children }) }) }));
-}
+    const insideRef = useRef(null);
+    useImperativeHandle(ref, () => insideRef.current);
+    return (_jsx(AccordionPrimitive.Header, { asChild: true, children: _jsx(AccordionPrimitive.Trigger, { asChild: true, "data-slot": "accordion-trigger", ...restProps, children: _jsx(Component, { ref: insideRef, type: isButton ? "button" : undefined, role: !isButton ? "button" : undefined, "aria-expanded": props["aria-expanded"], "aria-controls": props["aria-controls"], tabIndex: 0, 
+                // onKeyDown={(e) => console.log(e)}
+                className: cn(`focus-visible:border-ring
+						focus-visible:ring-ring/50
+						focus-visible:ring-[3px]`, className), children: children }) }) }));
+};
 // type AccordionTriggerProps<T extends React.ElementType
 // > = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<
 //     typeof AccordionPrimitive.Trigger>

package/dist/components/accordions/index.d.ts

@@ -1,10 +1,35 @@
-import { default as AccordionRoot } from "./accordion";
-import { default as AccordionContent } from "./accordionContent";
-import { default as AccordionItem } from "./accordionItem";
-import { default as AccordionTrigger } from "./accordionTrigger";
 export declare const Accordions: {
-    Root: typeof AccordionRoot;
-    Content: typeof AccordionContent;
-    Item: typeof AccordionItem;
-    Trigger: typeof AccordionTrigger;
+    Root: {
+        (props: import("../..").ShadcnBaseProps<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & {
+            as?: React.ElementType;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        (props: {
+            as?: React.ElementType;
+        } & import("@radix-ui/react-accordion").AccordionContentProps & import("react").RefAttributes<HTMLDivElement> & {
+            as?: React.ElementType;
+            ref?: React.Ref<Element>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        (props: {
+            as?: React.ElementType;
+        } & import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement> & {
+            as?: React.ElementType;
+            ref?: React.Ref<Element>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        (props: {
+            as?: React.ElementType;
+        } & import("@radix-ui/react-accordion").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement> & {
+            as?: React.ElementType;
+            ref?: React.Ref<Element>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

package/dist/components/button.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
-export * from "./accordions";
-export * from "./button";
 export * from "./dragResize";
 export * from "./dragSortable";
+export * from "./accordions";
+export * from "./resizables";
+export * from "./scrollAreas";

package/dist/components/index.js

@@ -1,4 +1,7 @@
-export * from "./accordions";
-export * from "./button";
+// dev components
 export * from "./dragResize";
 export * from "./dragSortable";
+// shadcn Components
+export * from "./accordions";
+export * from "./resizables";
+export * from "./scrollAreas";

package/dist/components/resizables/index.d.ts

@@ -0,0 +1,66 @@
+export declare const Resizables: {
+    Root: {
+        (props: Omit<import("react").HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+            autoSaveId?: string | null;
+            className?: string;
+            direction: import("react-resizable-panels/dist/declarations/src/types").Direction;
+            id?: string | null;
+            keyboardResizeBy?: number | null;
+            onLayout?: import("react-resizable-panels").PanelGroupOnLayout | null;
+            storage?: import("react-resizable-panels").PanelGroupStorage;
+            style?: import("react").CSSProperties;
+            tagName?: keyof HTMLElementTagNameMap;
+            dir?: "auto" | "ltr" | "rtl" | undefined;
+        } & {
+            children?: import("react").ReactNode | undefined;
+        } & import("react").RefAttributes<import("react-resizable-panels").ImperativePanelGroupHandle> & {
+            as?: keyof HTMLElementTagNameMap;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Panel: {
+        (props: Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLInputElement | HTMLProgressElement | HTMLSelectElement | HTMLButtonElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+            className?: string;
+            collapsedSize?: number | undefined;
+            collapsible?: boolean | undefined;
+            defaultSize?: number | undefined;
+            id?: string;
+            maxSize?: number | undefined;
+            minSize?: number | undefined;
+            onCollapse?: import("react-resizable-panels").PanelOnCollapse;
+            onExpand?: import("react-resizable-panels").PanelOnExpand;
+            onResize?: import("react-resizable-panels").PanelOnResize;
+            order?: number;
+            style?: object;
+            tagName?: keyof HTMLElementTagNameMap | undefined;
+        } & {
+            children?: import("react").ReactNode | undefined;
+        } & import("react").RefAttributes<import("react-resizable-panels").ImperativePanelHandle> & {
+            as?: keyof HTMLElementTagNameMap;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Handle: {
+        (props: Omit<import("react").HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onFocus" | "onBlur" | "onClick" | "onPointerDown" | "onPointerUp"> & {
+            className?: string;
+            disabled?: boolean;
+            hitAreaMargins?: import("react-resizable-panels").PointerHitAreaMargins;
+            id?: string | null;
+            onBlur?: () => void;
+            onClick?: () => void;
+            onDragging?: import("react-resizable-panels").PanelResizeHandleOnDragging;
+            onFocus?: () => void;
+            onPointerDown?: () => void;
+            onPointerUp?: () => void;
+            style?: import("react").CSSProperties;
+            tabIndex?: number;
+            tagName?: keyof HTMLElementTagNameMap;
+        } & {
+            children?: import("react").ReactNode | undefined;
+        } & {
+            as?: keyof HTMLElementTagNameMap;
+            withHandle?: boolean;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/dist/components/resizables/index.js

@@ -0,0 +1,8 @@
+import { default as ResizablePanelGroup } from "./resizablePanelGroup";
+import { default as ResizablePanel } from "./resizablePanel";
+import { default as ResizableHandle } from "./resizableHandle";
+export const Resizables = {
+    Root: ResizablePanelGroup,
+    Panel: ResizablePanel,
+    Handle: ResizableHandle,
+};

package/dist/components/resizables/resizableHandle.d.ts

@@ -0,0 +1,11 @@
+import * as ResizablePrimitive from 'react-resizable-panels';
+import type { ComponentProps } from "../../types/index.js";
+type PropsType = ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    as?: keyof HTMLElementTagNameMap;
+    withHandle?: boolean;
+};
+declare const ResizableHandle: {
+    (props: PropsType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ResizableHandle;

package/dist/components/resizables/resizableHandle.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { cn } from "../../utils/index.js";
+const ResizableHandle = (props) => {
+    const { as = "div", withHandle, className, ...restProps } = props;
+    return (_jsx(ResizablePrimitive.PanelResizeHandle, { tagName: as, "data-slot": "resizable-handle", className: cn(`
+				w-px
+				bg-border
+				relative
+
+				flex
+				items-center
+				justify-center
+
+				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:ring-offset-1
+				focus-visible:outline-hidden
+
+				data-[panel-group-direction=vertical]:h-px
+				data-[panel-group-direction=vertical]:w-full
+				data-[panel-group-direction=vertical]:after:left-0
+				data-[panel-group-direction=vertical]:after:h-1
+				data-[panel-group-direction=vertical]:after:w-full
+				data-[panel-group-direction=vertical]:after:translate-x-0
+				data-[panel-group-direction=vertical]:after:-translate-y-1/2
+
+				[&[data-panel-group-direction=vertical]>div]:rotate-90`, className), ...restProps, children: withHandle && (_jsx("div", { className: `
+					bg-border
+					z-10
+					flex
+					h-4
+					w-3
+					items-center
+					justify-center
+					rounded-xs
+					border
+				`, children: _jsx("div", { className: "w-0.5 h-full bg-amber-600" }) })) }));
+};
+ResizableHandle.displayName = "ResizableHandle";
+export default ResizableHandle;

package/dist/components/resizables/resizablePanel.d.ts

@@ -0,0 +1,10 @@
+import * as ResizablePrimitive from 'react-resizable-panels';
+import type { ComponentProps } from "../../types/index.js";
+type PropsType = ComponentProps<typeof ResizablePrimitive.Panel> & {
+    as?: keyof HTMLElementTagNameMap;
+};
+declare const ResizablePanel: {
+    (props: PropsType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ResizablePanel;

package/dist/components/resizables/resizablePanel.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ResizablePrimitive from 'react-resizable-panels';
+const ResizablePanel = (props) => {
+    const { as = "div", ...restProps } = props;
+    return (_jsx(ResizablePrimitive.Panel, { tagName: as, "data-slot": "resizable-panel", ...restProps }));
+};
+ResizablePanel.displayName = "ResizablePanel";
+export default ResizablePanel;

package/dist/components/resizables/resizablePanelGroup.d.ts

@@ -0,0 +1,10 @@
+import * as ResizablePrimitive from 'react-resizable-panels';
+import type { ComponentProps } from "../../types/index.js";
+type PropsType = ComponentProps<typeof ResizablePrimitive.PanelGroup> & {
+    as?: keyof HTMLElementTagNameMap;
+};
+declare const ResizablePanelGroup: {
+    (props: PropsType): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ResizablePanelGroup;

package/dist/components/resizables/resizablePanelGroup.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { cn } from "../../utils/index.js";
+const ResizablePanelGroup = (props) => {
+    const { as = "div", className, ...restProps } = props;
+    return (_jsx(ResizablePrimitive.PanelGroup, { tagName: as, "data-slot": "resizable-panel-group", className: cn(`
+				flex
+				h-full
+				w-full
+				data-[panel-group-direction=vertical]:flex-col`, className), ...restProps }));
+};
+ResizablePanelGroup.displayName = "ResizablePanelGroup";
+export default ResizablePanelGroup;

package/dist/components/scrollAreas/index.d.ts

@@ -0,0 +1 @@
+export * from "./scroll-area";

package/dist/components/scrollAreas/index.js

@@ -0,0 +1 @@
+export * from "./scroll-area";

package/dist/components/scrollAreas/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/components/scrollAreas/scroll-area.js

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

package/dist/styles/defaults.css

@@ -1,155 +1,31 @@
-@custom-variant dark (&:is(.dark *));
-
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-
-@theme inline {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
 @theme default {
-  --animate-collapsible-down: collapsible-down 0.2s ease-out;
-  --animate-collapsible-up: collapsible-up 0.2s ease-out;
-  --animate-accordion-down2: accordion-down 0.2s ease-out;
-  --animate-accordion-up2: accordion-up 0.2s ease-out;
-
-  --animate-accordion-down3: accordion-down3 2s ease-out;
-  --animate-accordion-up3: accordion-up3 2s ease-out;
-
-  @keyframes accordion-down {
-    from {
-      height: 0;
-      opacity: 0;
-    }
-    to {
-      height: var(--radix-accordion-content-height);
-      opacity: 1;
-    }
-  }
-
-  @keyframes accordion-up {
-    from {
-      height: var(--radix-accordion-content-height);
-      opacity: 1;
-    }
-    to {
-      height: 0;
-      opacity: 0;
-    }
-  }
-}
-
-:root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
+	--animate-collapsible-down: collapsible-down 0.2s ease-out;
+	--animate-collapsible-up: collapsible-up 0.2s ease-out;
+	--animate-accordion-down2: accordion-down 0.2s ease-out;
+	--animate-accordion-up2: accordion-up 0.2s ease-out;
+
+	--animate-accordion-down3: accordion-down3 2s ease-out;
+	--animate-accordion-up3: accordion-up3 2s ease-out;
+
+	@keyframes accordion-down {
+		from {
+			height: 0;
+			opacity: 0;
+		}
+		to {
+			height: var(--radix-accordion-content-height);
+			opacity: 1;
+		}
+	}
+
+	@keyframes accordion-up {
+		from {
+			height: var(--radix-accordion-content-height);
+			opacity: 1;
+		}
+		to {
+			height: 0;
+			opacity: 0;
+		}
+	}
 }

package/dist/types/shadcns.type.d.ts

@@ -1,5 +1,7 @@
-export type { ComponentProps } from "react";
-export type ShadcnBaseProps<T extends React.ElementType, P = {}> = {
+export { ComponentProps } from 'react';
+export type ShadcnBaseProps<P extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>> = {
+    as?: React.ElementType;
+} & React.ComponentProps<P>;
+export type BaseProps<T extends React.ElementType, P extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>> = {
     as?: T;
-    ref?: React.Ref<any>;
-} & P & Omit<React.ComponentPropsWithoutRef<T>, keyof P | "as" | "ref">;
+} & React.ComponentProps<P>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xwadex/fesd-next",
-	"version": "0.3.42",
+	"version": "0.3.44-bate.2",
 	"private": false,
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",