@yuno-payments/dashboard-design-system 2.9.4 → 3.0.0

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

@@ -1,92 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import type * as AccordionPrimitive from "@radix-ui/react-accordion";
-/**
- * Props for the Accordion component.
- * Supports both single and multiple selection modes.
- */
-type AccordionProps = (AccordionPrimitive.AccordionSingleProps & {
-    /**
-     * Single selection mode - only one item can be expanded at a time
-     */
-    type: "single";
-    /**
-     * Accordion items
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}) | (AccordionPrimitive.AccordionMultipleProps & {
-    /**
-     * Multiple selection mode - multiple items can be expanded simultaneously
-     */
-    type: "multiple";
-    /**
-     * Accordion items
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-});
-/**
- * Collapsible content sections organized in an accordion pattern.
- * Supports single or multiple open items at once.
- *
- * @example
- * ```tsx
- * <Accordion type="single" collapsible>
- *   <AccordionItem value="item-1">
- *     <AccordionTrigger>Section 1</AccordionTrigger>
- *     <AccordionContent>Content 1</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
- * ```
- */
-declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Props for the AccordionItem component
- */
-interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Content of the accordion item (trigger and content)
-     */
-    children: ReactNode;
-    /**
-     * Unique identifier for the accordion item
-     */
-    value: string;
-}
-/**
- * Individual accordion section container
- */
-declare const AccordionItem: import('react').ForwardRefExoticComponent<AccordionItemProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Props for the AccordionTrigger component
- */
-interface AccordionTriggerProps extends HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Text or elements to display in the trigger button
-     */
-    children: ReactNode;
-}
-/**
- * Clickable header that toggles the accordion item
- */
-declare const AccordionTrigger: import('react').ForwardRefExoticComponent<AccordionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
-/**
- * Props for the AccordionContent component
- */
-interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Content to display when the accordion item is expanded
-     */
-    children: ReactNode;
-}
-/**
- * Collapsible content area of the accordion item
- */
-declare const AccordionContent: import('react').ForwardRefExoticComponent<AccordionContentProps & import('react').RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, type AccordionProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionContentProps, };

package/dist/components/atoms/accordion/accordion.js

@@ -1,35 +0,0 @@
-import { j as i } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as e } from "react";
-import { Accordion as a, AccordionContent as d, AccordionItem as m, AccordionTrigger as A } from "../../../vendor/shadcn/accordion.js";
-import { cn as s } from "../../../lib/utils.js";
-const p = e(
-  ({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(a, { ref: n, className: s(o), ...c, children: r })
-);
-p.displayName = "Accordion";
-const g = e(
-  ({ className: o, children: r, value: c, ...n }, t) => /* @__PURE__ */ i.jsx(
-    m,
-    {
-      ref: t,
-      className: s(o),
-      value: c,
-      ...n,
-      children: r
-    }
-  )
-);
-g.displayName = "AccordionItem";
-const l = e(
-  ({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(A, { ref: n, className: s(o), ...c, children: r })
-);
-l.displayName = "AccordionTrigger";
-const N = e(
-  ({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(d, { ref: n, className: s(o), ...c, children: r })
-);
-N.displayName = "AccordionContent";
-export {
-  p as Accordion,
-  N as AccordionContent,
-  g as AccordionItem,
-  l as AccordionTrigger
-};

package/dist/components/atoms/accordion/index.d.ts

@@ -1 +0,0 @@
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, type AccordionProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionContentProps, } from './accordion';

package/dist/components/atoms/alert/alert.d.ts

@@ -1,35 +0,0 @@
-import { Alert as ShadcnAlert } from '../../../vendor/shadcn/alert';
-import { ComponentProps } from 'react';
-import { Icon, IconName } from '../icon';
-/**
- * Props for the Alert component
- */
-interface AlertProps extends Omit<ComponentProps<typeof ShadcnAlert>, "children"> {
-    /**
-     * Optional icon to display at the start of the alert
-     */
-    icon?: IconName;
-    /**
-     * Alert title/heading
-     */
-    title?: string;
-    /**
-     * Alert description/body text
-     */
-    description?: string;
-    /**
-     * Props for the icon component
-     */
-    iconProps?: ComponentProps<typeof Icon>;
-}
-/**
- * Alert component for displaying informational, success, warning, or error messages.
- *
- * @example
- * ```tsx
- * <Alert variant="default" icon="Info" title="Information" description="This is an info alert" />
- * <Alert variant="destructive" icon="Warning" title="Error" description="Something went wrong" />
- * ```
- */
-declare const Alert: import('react').ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Alert, type AlertProps };

package/dist/components/atoms/alert/alert.js

@@ -1,16 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { Alert as n, AlertTitle as c, AlertDescription as f } from "../../../vendor/shadcn/alert.js";
-import { forwardRef as p } from "react";
-import { Icon as x } from "../icon/icon.js";
-import { cn as l } from "../../../lib/utils.js";
-const j = p(
-  ({ icon: e, title: s, description: m, iconProps: t, className: a, ...o }, i) => /* @__PURE__ */ r.jsxs(n, { ref: i, className: l("yuno-alert", a), ...o, children: [
-    e && /* @__PURE__ */ r.jsx(x, { name: e, className: l("size-4", t?.className), ...t }),
-    s && /* @__PURE__ */ r.jsx(c, { children: s }),
-    m && /* @__PURE__ */ r.jsx(f, { children: m })
-  ] })
-);
-j.displayName = "Alert";
-export {
-  j as Alert
-};

package/dist/components/atoms/alert/index.d.ts

@@ -1 +0,0 @@
-export { Alert, type AlertProps } from './alert';

package/dist/components/atoms/avatar/avatar-group.d.ts

@@ -1,37 +0,0 @@
-import { AvatarProps } from './avatar';
-import * as React from "react";
-/**
- * Props for the AvatarGroup component
- */
-export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Avatar components to display in the group
-     */
-    children: React.ReactNode;
-    /**
-     * Maximum number of avatars to display before showing "+N" badge
-     * @default 3
-     */
-    max?: number;
-    /**
-     * Size for all avatars in the group
-     * @default "default"
-     */
-    size?: AvatarProps["size"];
-}
-/**
- * Displays multiple avatars in an overlapping stack.
- * Shows remaining count when exceeding max.
- *
- * @example
- * ```tsx
- * <AvatarGroup max={3} size="lg">
- *   <Avatar name="User 1" />
- *   <Avatar name="User 2" />
- *   <Avatar name="User 3" />
- *   <Avatar name="User 4" />
- * </AvatarGroup>
- * ```
- */
-declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { AvatarGroup };

package/dist/components/atoms/avatar/avatar.d.ts

@@ -1,39 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { Avatar as ShadcnAvatar } from '../../../vendor/shadcn/avatar';
-declare const avatarVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Props for the Avatar component
- */
-export interface AvatarProps extends ComponentProps<typeof ShadcnAvatar>, VariantProps<typeof avatarVariants> {
-    /**
-     * Image source URL
-     */
-    src?: string;
-    /**
-     * Alternative text for the image
-     */
-    alt?: string;
-    /**
-     * User name to generate initials from if image fails to load
-     */
-    name?: string;
-    /**
-     * Custom fallback content (overrides initials)
-     */
-    fallback?: string | ReactNode;
-}
-/**
- * User avatar component with automatic fallback to initials or icon.
- *
- * @example
- * ```tsx
- * <Avatar src="/user.jpg" name="John Doe" size="lg" />
- * <Avatar name="Jane Smith" size="default" />
- * <Avatar fallback={<CustomIcon />} />
- * ```
- */
-declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Avatar };

package/dist/components/atoms/avatar/avatar.js

@@ -1,78 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as c } from "react";
-import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { UserIcon as v } from "../../../node_modules/@phosphor-icons/react/dist/csr/User.es.js";
-import { cn as s } from "../../../lib/utils.js";
-import { getNameInitials as x } from "./avatar.utils.js";
-import { Avatar as p, AvatarImage as g, AvatarFallback as z } from "../../../vendor/shadcn/avatar.js";
-const j = r(
-  "relative flex shrink-0 overflow-hidden rounded-full",
-  {
-    variants: {
-      size: {
-        xs: "size-5",
-        sm: "size-6",
-        default: "size-8",
-        lg: "size-10",
-        xl: "size-12"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), A = r("aspect-square h-full w-full object-cover"), b = r(
-  "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground font-medium uppercase",
-  {
-    variants: {
-      size: {
-        xs: "text-[10px]",
-        sm: "text-xs",
-        default: "text-sm",
-        lg: "text-base",
-        xl: "text-lg"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), h = c(
-  ({ size: l, src: i, alt: d, name: e, fallback: o, className: f, ...n }, u) => {
-    const m = e ? x(e) : void 0;
-    let a;
-    return o ? a = o : m ? a = m : a = /* @__PURE__ */ t.jsx(v, { className: "size-1/2" }), /* @__PURE__ */ t.jsxs(
-      p,
-      {
-        ref: u,
-        className: s(j({ size: l }), f),
-        "data-testid": "avatar",
-        ...n,
-        children: [
-          i && /* @__PURE__ */ t.jsx(
-            g,
-            {
-              src: i,
-              alt: d || e || "Avatar",
-              className: s(A()),
-              "data-testid": "avatar-image",
-              "data-slot": "avatar-image"
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            z,
-            {
-              className: s(b({ size: l })),
-              "data-testid": "avatar-fallback",
-              children: a
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-h.displayName = "Avatar";
-export {
-  h as Avatar
-};

package/dist/components/atoms/avatar/avatar.utils.d.ts

@@ -1,2 +0,0 @@
-declare const getNameInitials: (name: string) => string | undefined;
-export { getNameInitials };

package/dist/components/atoms/avatar/avatar.utils.js

@@ -1,11 +0,0 @@
-const n = (r) => {
-  const t = r.replace(/[^\w\s]/gi, "").replace(/\d+/g, "").replace(/\s+/g, " ").trim();
-  if (!t)
-    return;
-  const e = t.split(" ").filter((i) => i.length > 0);
-  if (e.length !== 0)
-    return e.length === 1 ? e[0].charAt(0).toUpperCase() : (e[0].charAt(0) + e[e.length - 1].charAt(0)).toUpperCase();
-};
-export {
-  n as getNameInitials
-};

package/dist/components/atoms/avatar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './avatar';
-export * from './avatar-group';

package/dist/components/atoms/badge/badge.d.ts

@@ -1,40 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Badge as ShadcnBadge } from '../../../vendor/shadcn/badge';
-import { Icon, IconName } from '../icon';
-/**
- * Props for the Badge component
- */
-interface BadgeProps extends ComponentProps<typeof ShadcnBadge> {
-    /**
-     * Icon to display at the start (left side) of the badge
-     */
-    startIcon?: IconName;
-    /**
-     * Icon to display at the end (right side) of the badge
-     */
-    endIcon?: IconName;
-    /**
-     * Additional props to pass to the start icon
-     */
-    startIconProps?: Partial<ComponentProps<typeof Icon>>;
-    /**
-     * Additional props to pass to the end icon
-     */
-    endIconProps?: Partial<ComponentProps<typeof Icon>>;
-    /**
-     * Text content of the badge
-     */
-    children?: ReactNode | string;
-}
-/**
- * Badge component for displaying labels, statuses, or categories with optional icons.
- *
- * @example
- * ```tsx
- * <Badge variant="default">Active</Badge>
- * <Badge variant="secondary" startIcon="CheckCircle">Completed</Badge>
- * <Badge variant="destructive" endIcon="X">Error</Badge>
- * ```
- */
-declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-export { Badge, type BadgeProps };

package/dist/components/atoms/badge/badge.js

@@ -1,32 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as x } from "react";
-import { Badge as d } from "../../../vendor/shadcn/badge.js";
-import { Icon as s } from "../icon/icon.js";
-import { cn as l } from "../../../lib/utils.js";
-const p = x(
-  ({ children: g, className: o, startIcon: i, endIcon: m, startIconProps: r, endIconProps: a, ...t }, f) => /* @__PURE__ */ e.jsxs(d, { ref: f, className: l("yuno-badge", o), ...t, children: [
-    i && /* @__PURE__ */ e.jsx(
-      s,
-      {
-        name: i,
-        size: "xs",
-        weight: r?.weight || "fill",
-        ...r
-      }
-    ),
-    g,
-    m && /* @__PURE__ */ e.jsx(
-      s,
-      {
-        name: m,
-        size: "xs",
-        weight: a?.weight || "regular",
-        ...a
-      }
-    )
-  ] })
-);
-p.displayName = "Badge";
-export {
-  p as Badge
-};

package/dist/components/atoms/badge/index.d.ts

@@ -1 +0,0 @@
-export { Badge, type BadgeProps } from './badge';

package/dist/components/atoms/button/button.d.ts

@@ -1,61 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Icon, IconName } from '../icon';
-type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-type ButtonSize = "default" | "sm" | "lg" | "icon";
-/**
- * Props for the Button component
- */
-interface ButtonProps extends Omit<ComponentProps<"button">, "children"> {
-    /**
-     * Visual style variant of the button
-     * @default "default"
-     */
-    variant?: ButtonVariant;
-    /**
-     * Size of the button
-     * @default "default"
-     */
-    size?: ButtonSize;
-    /**
-     * When true, button renders as Slot component to pass props to child element
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Icon to display at the start (left side) of the button
-     */
-    startIcon?: IconName;
-    /**
-     * Icon to display at the end (right side) of the button
-     */
-    endIcon?: IconName;
-    /**
-     * Additional props to pass to the start icon
-     */
-    startIconProps?: Partial<ComponentProps<typeof Icon>>;
-    /**
-     * Additional props to pass to the end icon
-     */
-    endIconProps?: Partial<ComponentProps<typeof Icon>>;
-    /**
-     * Shows loading spinner and disables the button
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Button content (text, elements, etc.)
-     */
-    children?: ReactNode;
-}
-/**
- * Versatile button component with icon support and loading state.
- *
- * @example
- * ```tsx
- * <Button variant="default">Click me</Button>
- * <Button startIcon="Plus" size="sm">Add Item</Button>
- * <Button loading disabled>Saving...</Button>
- * ```
- */
-declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-export { Button, type ButtonProps };

package/dist/components/atoms/button/button.js

@@ -1,20 +0,0 @@
-import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as b } from "react";
-import { Button as f } from "../../../vendor/shadcn/button.js";
-import { Icon as m } from "../icon/icon.js";
-import { cn as x } from "../../../lib/utils.js";
-const d = b(
-  ({ children: e, className: o, startIcon: r, endIcon: a, startIconProps: j, endIconProps: l, loading: t = !1, disabled: p, asChild: c = !1, ...i }, n) => {
-    const u = p || t;
-    return c ? /* @__PURE__ */ s.jsx(f, { ref: n, disabled: u, asChild: !0, className: x("yuno-button", o), ...i, children: e }) : /* @__PURE__ */ s.jsxs(f, { ref: n, disabled: u, className: x("yuno-button", o), ...i, children: [
-      t && /* @__PURE__ */ s.jsx(m, { name: "CircleNotch", size: "sm", className: "animate-spin" }),
-      r && !t && /* @__PURE__ */ s.jsx(m, { name: r, size: "sm", ...j }),
-      e,
-      a && !t && /* @__PURE__ */ s.jsx(m, { name: a, size: "sm", ...l })
-    ] });
-  }
-);
-d.displayName = "Button";
-export {
-  d as Button
-};

package/dist/components/atoms/button/index.d.ts

@@ -1 +0,0 @@
-export { Button, type ButtonProps } from './button';