laif-ds 0.1.14 → 0.1.16

package/dist/components/ui/slider.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsxs as u, jsx as l, Fragment as k } from "react/jsx-runtime";
+import * as F from "react";
+import { Root as y, Track as M, Range as P, Thumb as b } from "../../node_modules/@radix-ui/react-slider/dist/index.js";
+import { Badge as x } from "./badge.js";
+import { cn as c } from "../../lib/utils.js";
+import { cva as w } from "../../node_modules/class-variance-authority/dist/index.js";
+const S = w(
+  "relative w-full grow overflow-hidden rounded-full bg-d-primary/20",
+  {
+    variants: {
+      size: {
+        base: "h-1.5",
+        medium: "h-2",
+        large: "h-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "base"
+    }
+  }
+), N = w(
+  "block rounded-full ring-d-primary bg-d-background shadow transition-colors focus-visible:outline-none focus-visible:ring-d-primary transition-all duration-200 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        base: "h-4 w-4 ring-[1.5px] focus-visible:ring-[4px]",
+        medium: "h-5 w-5 ring-[1.5px] focus-visible:ring-[4.5px]",
+        large: "h-6 w-6 ring-2 focus-visible:ring-[6px]"
+      }
+    },
+    defaultVariants: {
+      size: "base"
+    }
+  }
+), B = F.forwardRef(({
+  className: C,
+  size: m,
+  formatValue: i,
+  showValues: $ = !1,
+  showStickyLabel: r = !1,
+  stickyLabelSuffix: h = "",
+  fillOffset: o = !1,
+  offsetValue: v,
+  steps: d,
+  showStepMarkers: z = !1,
+  ...e
+}, R) => {
+  const s = v !== void 0 ? v : e.min !== void 0 && e.max !== void 0 ? (e.min + e.max) / 2 : 50, f = () => {
+    if (!o) return 0;
+    const a = e.min || 0, t = (e.max || 100) - a;
+    return (s - a) / t * 100;
+  }, g = (a) => d ? d.reduce((n, t) => Math.abs(t - a) < Math.abs(n - a) ? t : n) : a, T = (a) => {
+    if (!d || !e.onValueChange) {
+      e.onValueChange && e.onValueChange(a);
+      return;
+    }
+    const n = g(a[0]), t = a.length > 1 ? [n, g(a[1])] : [n];
+    e.onValueChange(t);
+  }, j = (a) => {
+    const n = e.min || 0, t = e.max || 100;
+    return (a - n) / (t - n) * 100;
+  };
+  return /* @__PURE__ */ u("div", { className: "flex flex-col w-full gap-1", children: [
+    /* @__PURE__ */ u(
+      y,
+      {
+        ref: R,
+        className: c(
+          "relative flex w-full touch-none select-none items-center",
+          C
+        ),
+        ...e,
+        onValueChange: void 0,
+        onValueChange: d ? T : e.onValueChange,
+        children: [
+          /* @__PURE__ */ u(M, { className: c(S({ size: m })), children: [
+            d && z && /* @__PURE__ */ l("div", { className: "absolute w-full h-full", children: d.map((a, n) => /* @__PURE__ */ l(
+              "div",
+              {
+                className: "absolute w-1 h-4 -mt-1.5 bg-d-muted-foreground/50 rounded-full",
+                style: {
+                  left: `calc(${j(a)}% - 2px)`,
+                  top: "50%",
+                  transform: "translateY(-50%)"
+                }
+              },
+              n
+            )) }),
+            o && e.value ? /* @__PURE__ */ u(k, { children: [
+              /* @__PURE__ */ l("div", { className: "absolute h-full w-full bg-d-muted/30" }),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  className: "absolute h-full bg-d-primary",
+                  style: {
+                    left: e.value[0] < s ? `${(e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${f()}%`,
+                    right: e.value[0] > s ? `${100 - (e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${100 - f()}%`
+                  }
+                }
+              )
+            ] }) : /* @__PURE__ */ l(P, { className: "absolute h-full bg-d-primary" })
+          ] }),
+          /* @__PURE__ */ l(b, { className: c(N({ size: m }), "relative"), children: r && e.value && /* @__PURE__ */ l(
+            x,
+            {
+              variant: "default",
+              className: "absolute left-1/2 -translate-x-1/2 -translate-y-1/2 -top-5 z-10",
+              children: i ? i(e.value[0]) : `${e.value[0]}${h}`
+            }
+          ) }),
+          e.value && e.value.length > 1 && /* @__PURE__ */ l(b, { className: c(N({ size: m }), "relative"), children: r && /* @__PURE__ */ l(
+            x,
+            {
+              variant: "default",
+              className: "absolute left-1/2 -translate-x-1/2 -translate-y-1/2 -top-5 z-10",
+              children: i ? i(e.value[1]) : `${e.value[1]}${h}`
+            }
+          ) })
+        ]
+      }
+    ),
+    $ && e.value && /* @__PURE__ */ u("div", { className: "flex justify-between text-xs font-medium text-d-muted-foreground", children: [
+      /* @__PURE__ */ l("span", { children: i ? i(e.value[0]) : e.value[0] }),
+      e.value.length > 1 ? /* @__PURE__ */ l("span", { children: i ? i(e.value[1]) : e.value[1] }) : e.max !== void 0 ? /* @__PURE__ */ l("span", { children: i ? i(e.max) : e.max }) : null
+    ] })
+  ] });
+});
+B.displayName = y.displayName;
+export {
+  B as Slider
+};

package/dist/components/ui/table.js

@@ -70,7 +70,7 @@ function i({ className: t, ...e }) {
     {
       "data-slot": "table-head",
       className: o(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "text-d-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         t
       ),
       ...e

package/dist/components/ui/toaster.js

@@ -2,7 +2,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useTheme as s } from "../../node_modules/next-themes/dist/index.js";
 import { Toaster as e } from "../../node_modules/sonner/dist/index.js";
-const d = ({ ...o }) => {
+const g = ({ ...o }) => {
   const { theme: t = "system" } = s();
   return /* @__PURE__ */ r(
     e,
@@ -11,7 +11,7 @@ const d = ({ ...o }) => {
       className: "toaster group",
       toastOptions: {
         classNames: {
-          toast: "group toast group-[.toaster]:bg-d-background group-[.toaster]:text-foreground group-[.toaster]:border-d-border group-[.toaster]:shadow-lg",
+          toast: "group toast group-[.toaster]:bg-d-background group-[.toaster]:text-d-foreground group-[.toaster]:border-d-border group-[.toaster]:shadow-lg",
           description: "group-[.toast]:text-d-secondary-foreground",
           actionButton: "group-[.toast]:bg-d-primary group-[.toast]:text-d-primary-foreground",
           cancelButton: "group-[.toast]:bg-d-secondary group-[.toast]:text-d-secondary-foreground"
@@ -22,5 +22,5 @@ const d = ({ ...o }) => {
   );
 };
 export {
-  d as Toaster
+  g as Toaster
 };

package/dist/dist/components/ui/table.js

@@ -57,7 +57,7 @@ function b({ className: a, ...e }) {
     {
       "data-slot": "table-head",
       className: l(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "text-d-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         a
       ),
       ...e

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { ButtonProps as ButtonProps_2 } from './button';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -21,6 +22,7 @@ import { FormProviderProps } from 'react-hook-form';
 import { ForwardRefExoticComponent } from 'react';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { HTMLAttributes } from 'react';
+import { InputProps as InputProps_2 } from './input';
 import { JSX } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as LucideIcons from 'lucide-react';
@@ -41,6 +43,8 @@ import * as ResizablePrimitive from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { SeparatorProps } from '@radix-ui/react-separator';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -119,6 +123,17 @@ declare const alertVariants: (props?: ({
 
 declare type Animation_2 = VariantProps<typeof chatBubbleVariants>["animation"];
 
+export declare function AppSidebar({ navigation, versions, defaultVersion, headerContent, footerContent, showRail, ...props }: AppSidebarProps): JSX.Element;
+
+declare interface AppSidebarProps extends React_2.ComponentProps<typeof Sidebar> {
+    navigation: NavGroup[];
+    versions?: string[];
+    defaultVersion?: string;
+    headerContent?: React_2.ReactNode;
+    footerContent?: React_2.ReactNode;
+    showRail?: boolean;
+}
+
 export declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
 
 declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
@@ -251,7 +266,7 @@ export declare interface CardProps extends React_2.ComponentProps<"div"> {
     size?: CardSize;
 }
 
-declare type CardSize = "default" | "sm" | "lg";
+declare type CardSize = "default" | "sm" | "lg" | "none";
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -885,6 +900,12 @@ export declare interface MultipleSelectorRef {
     reset: () => void;
 }
 
+declare interface NavGroup {
+    title: string;
+    url?: string;
+    items: NavItem[];
+}
+
 export declare function NavigationMenu({ className, children, viewport, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
     viewport?: boolean;
 }): JSX.Element;
@@ -903,6 +924,21 @@ export declare function NavigationMenuTrigger({ className, children, ...props }:
 
 export declare function NavigationMenuViewport({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): JSX.Element;
 
+declare interface NavItem {
+    title: string;
+    url: string;
+    isActive?: boolean;
+    iconName?: IconName;
+    subItems?: NavSubItem[];
+}
+
+declare interface NavSubItem {
+    title: string;
+    url: string;
+    isActive?: boolean;
+    iconName?: IconName;
+}
+
 declare type NoRepeatDataType = {
     /**
      * Start date and time of unrepeatable bar item
@@ -1103,13 +1139,13 @@ export declare function SheetTitle({ className, ...props }: React_2.ComponentPro
 
 export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
 
-export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
+export declare const Sidebar: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
-}): JSX.Element;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const SidebarContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 declare type SidebarContextProps = {
     state: "expanded" | "collapsed";
@@ -1121,73 +1157,71 @@ declare type SidebarContextProps = {
     toggleSidebar: () => void;
 };
 
-export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const SidebarFooter: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const SidebarGroup: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
+export declare const SidebarGroupAction: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
-}): JSX.Element;
+}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const SidebarGroupContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
+export declare const SidebarGroupLabel: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}): JSX.Element;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const SidebarHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarInput({ className, ...props }: React_2.ComponentProps<typeof Input>): JSX.Element;
+export declare const SidebarInput: React_2.ForwardRefExoticComponent<Omit<Omit<InputProps_2, "ref">, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
-export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX.Element;
+export declare const SidebarInset: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+export declare const SidebarMenu: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
 
-export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
+export declare const SidebarMenuAction: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
     showOnHover?: boolean;
-}): JSX.Element;
+}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const SidebarMenuBadge: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
+export declare const SidebarMenuButton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
     asChild?: boolean;
     isActive?: boolean;
     tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): JSX.Element;
-
-declare const sidebarMenuButtonVariants: (props?: ({
+} & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
+} & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare const SidebarMenuItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
 
-export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
+export declare const SidebarMenuSkeleton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
     showIcon?: boolean;
-}): JSX.Element;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+export declare const SidebarMenuSub: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
 
-export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
+export declare const SidebarMenuSubButton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLAnchorElement> & React_2.AnchorHTMLAttributes<HTMLAnchorElement> & {
     asChild?: boolean;
     size?: "sm" | "md";
     isActive?: boolean;
-}): JSX.Element;
+}, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
 
-export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare const SidebarMenuSubItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
 
-export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
+export declare const SidebarProvider: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}): JSX.Element;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
+export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
+export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare const sizeMap: {
     xs: number;
@@ -1199,6 +1233,23 @@ declare const sizeMap: {
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
+export declare const Slider: React_2.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+    size?: "base" | "large" | "medium" | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    formatValue?: (value: number) => string;
+    showValues?: boolean;
+    showStickyLabel?: boolean;
+    stickyLabelSuffix?: string;
+    fillOffset?: boolean;
+    offsetValue?: number;
+    /**
+     * Valori predefiniti per la selezione a step
+     * Es: [0, 25, 50, 75, 100]
+     */
+    steps?: number[];
+    showStepMarkers?: boolean;
+} & React_2.RefAttributes<HTMLSpanElement>>;
+
 declare interface SourcePart {
     type: "source";
 }