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

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

@@ -1,28 +0,0 @@
-import { Label as ShadcnLabel } from '../../../vendor/shadcn/label';
-import { ComponentProps, ReactNode } from 'react';
-export interface LabelProps extends ComponentProps<typeof ShadcnLabel> {
-    /**
-     * Info content displayed in a tooltip next to the label
-     */
-    info?: ReactNode;
-    /**
-     * Indicator to show at the right of the label.
-     * - Pass `true` to automatically show "required" or "optional" based on the `required` prop
-     * - Pass a custom string to display that text instead
-     */
-    requiredIndicator?: boolean | string;
-    /**
-     * Whether the field is required
-     */
-    required?: boolean;
-    /**
-     * Whether the field is disabled
-     */
-    disabled?: boolean;
-    className?: string;
-}
-declare const Label: {
-    ({ htmlFor, className, info, requiredIndicator, required, disabled, children, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Label };

package/dist/components/atoms/label/label.js

@@ -1,51 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { cn as m } from "../../../lib/utils.js";
-import { Label as x } from "../../../vendor/shadcn/label.js";
-import "react";
-import { Icon as c } from "../icon/icon.js";
-import { Tooltip as p } from "../tooltip/tooltip.js";
-const u = ({
-  htmlFor: n,
-  className: a,
-  info: s,
-  requiredIndicator: t,
-  required: l = !1,
-  disabled: i = !1,
-  children: r,
-  ...f
-}) => {
-  const o = () => t ? typeof t == "string" ? t : l ? "required" : "optional" : null;
-  return /* @__PURE__ */ e.jsxs("div", { className: m(
-    "flex items-center justify-between gap-2",
-    i && "text-muted-foreground"
-  ), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
-      r && /* @__PURE__ */ e.jsx(
-        x,
-        {
-          htmlFor: n,
-          className: m("text-sm cursor-pointer", a),
-          ...f,
-          children: r
-        }
-      ),
-      s && /* @__PURE__ */ e.jsx(p, { content: s, children: /* @__PURE__ */ e.jsx(
-        c,
-        {
-          name: "Info",
-          size: "sm",
-          className: "cursor-default text-muted-foreground"
-        }
-      ) })
-    ] }),
-    o() && /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-muted-foreground font-normal", children: [
-      "(",
-      o(),
-      ")"
-    ] })
-  ] });
-};
-u.displayName = "Label";
-export {
-  u as Label
-};

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

@@ -1 +0,0 @@
-export { Link, type LinkProps } from './link';

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

@@ -1,27 +0,0 @@
-import { ComponentProps } from 'react';
-/**
- * Props for the Link component
- */
-interface LinkProps extends ComponentProps<"a"> {
-    /**
-     * Whether to show underline decoration
-     * @default true
-     */
-    underline?: boolean;
-    /**
-     * When true, renders as Slot to merge props with child element
-     * @default false
-     */
-    asChild?: boolean;
-}
-/**
- * Styled anchor link component with optional underline.
- *
- * @example
- * ```tsx
- * <Link href="/about">About Us</Link>
- * <Link href="/terms" underline={false}>Terms</Link>
- * ```
- */
-declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
-export { Link, type LinkProps };

package/dist/components/atoms/link/link.js

@@ -1,26 +0,0 @@
-import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as a } from "react";
-import { Slot as p } from "@radix-ui/react-slot";
-import { cn as f } from "../../../lib/utils.js";
-const l = a(
-  ({ className: o, underline: r = !0, asChild: t = !1, children: n, ...e }, i) => {
-    const m = t ? p : "a";
-    return /* @__PURE__ */ s.jsx(
-      m,
-      {
-        ref: i,
-        className: f(
-          "text-sm font-normal leading-5 text-primary transition-colors hover:text-primary/80 cursor-pointer",
-          r && "underline decoration-solid [text-decoration-skip-ink:none] [text-underline-position:from-font]",
-          o
-        ),
-        ...e,
-        children: n
-      }
-    );
-  }
-);
-l.displayName = "Link";
-export {
-  l as Link
-};

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

@@ -1 +0,0 @@
-export { Loading, type LoadingProps } from './loading';

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

@@ -1,39 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { IconWeight as PhosphorIconWeight } from '@phosphor-icons/react';
-declare const loadingVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Props for the Loading component
- */
-interface LoadingProps extends VariantProps<typeof loadingVariants> {
-    /**
-     * Icon weight/style
-     * @default "light"
-     */
-    weight?: PhosphorIconWeight;
-    /**
-     * Custom color for the loading icon
-     */
-    color?: string;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /**
-     * Whether the loading icon should be mirrored
-     */
-    mirrored?: boolean;
-}
-/**
- * Loading component that displays an animated spinning icon.
- *
- * @example
- * ```tsx
- * <Loading size="md" />
- * <Loading size="lg" color="#3b82f6" />
- * <Loading weight="bold" className="text-primary" />
- * ```
- */
-declare const Loading: import('react').ForwardRefExoticComponent<LoadingProps & import('react').RefAttributes<SVGSVGElement>>;
-export { Loading, type LoadingProps };

package/dist/components/atoms/loading/loading.js

@@ -1,37 +0,0 @@
-import { j as n } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as e } from "react";
-import { cva as d } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as f } from "../../../lib/utils.js";
-import { Icon as l } from "../icon/icon.js";
-const p = d("animate-spin", {
-  variants: {
-    size: {
-      xs: "",
-      sm: "",
-      md: "",
-      lg: "",
-      xl: ""
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), c = e(
-  ({ size: a = "md", weight: o = "light", color: r, className: m, mirrored: i = !1, ...t }, s) => /* @__PURE__ */ n.jsx(
-    l,
-    {
-      ref: s,
-      name: "CircleNotch",
-      size: a,
-      weight: o,
-      color: r,
-      mirrored: i,
-      className: f(p({ size: a }), m),
-      ...t
-    }
-  )
-);
-c.displayName = "Loading";
-export {
-  c as Loading
-};

package/dist/components/atoms/page-title/index.d.ts

@@ -1 +0,0 @@
-export { PageTitle, type PageTitleProps } from './page-title';

package/dist/components/atoms/page-title/page-title.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes, ElementType, ReactNode } from 'react';
-interface PageTitleProps extends HTMLAttributes<HTMLHeadingElement> {
-    children: ReactNode;
-    as?: ElementType;
-}
-declare const PageTitle: import('react').ForwardRefExoticComponent<PageTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
-export { PageTitle, type PageTitleProps };

package/dist/components/atoms/page-title/page-title.js

@@ -1,18 +0,0 @@
-import { j as i } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as m } from "react";
-import { cn as s } from "../../../lib/utils.js";
-const l = m(
-  ({ className: e, children: t, as: o = "h1", ...r }, a) => /* @__PURE__ */ i.jsx(
-    o,
-    {
-      ref: a,
-      className: s("yuno-page-title", "text-3xl font-semibold leading-[140%]", e),
-      ...r,
-      children: t
-    }
-  )
-);
-l.displayName = "PageTitle";
-export {
-  l as PageTitle
-};

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

@@ -1 +0,0 @@
-export { Popover, PopoverTrigger, PopoverContent, type PopoverProps, type PopoverTriggerProps, type PopoverContentProps, } from './popover';

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

@@ -1,12 +0,0 @@
-import { Popover as ShadcnPopover, PopoverTrigger as ShadcnPopoverTrigger, PopoverContent as ShadcnPopoverContent } from '../../../vendor/shadcn/popover';
-import * as React from "react";
-export type PopoverProps = React.ComponentPropsWithoutRef<typeof ShadcnPopover>;
-export type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof ShadcnPopoverTrigger>;
-export type PopoverContentProps = React.ComponentPropsWithoutRef<typeof ShadcnPopoverContent>;
-declare const Popover: {
-    ({ children, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-popover').PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-popover').PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverTrigger, PopoverContent };

package/dist/components/atoms/popover/popover.js

@@ -1,15 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import * as s from "react";
-import { Popover as n, PopoverContent as m, PopoverTrigger as i } from "../../../vendor/shadcn/popover.js";
-import { cn as a } from "../../../lib/utils.js";
-const v = ({ children: o, ...r }) => /* @__PURE__ */ t.jsx(n, { ...r, children: o });
-v.displayName = "Popover";
-const P = s.forwardRef(({ className: o, children: r, ...e }, p) => /* @__PURE__ */ t.jsx(i, { ref: p, className: a(o), ...e, children: r }));
-P.displayName = "PopoverTrigger";
-const f = s.forwardRef(({ className: o, children: r, ...e }, p) => /* @__PURE__ */ t.jsx(m, { ref: p, className: a(o), ...e, children: r }));
-f.displayName = "PopoverContent";
-export {
-  v as Popover,
-  f as PopoverContent,
-  P as PopoverTrigger
-};

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

@@ -1 +0,0 @@
-export { Progress, type ProgressProps } from './progress';

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

@@ -1,25 +0,0 @@
-import { ComponentProps } from 'react';
-import { Progress as ShadcnProgress } from '../../../vendor/shadcn/progress';
-/**
- * Props for the Progress component
- */
-interface ProgressProps extends ComponentProps<typeof ShadcnProgress> {
-    /**
-     * Current progress value (0-100)
-     */
-    value?: number;
-}
-/**
- * Progress bar component for showing task completion or loading status.
- *
- * @example
- * ```tsx
- * <Progress value={75} />
- * <Progress value={progressPercent} className="w-full" />
- * ```
- */
-declare const Progress: {
-    ({ value, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Progress, type ProgressProps };

package/dist/components/atoms/progress/progress.js

@@ -1,8 +0,0 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import "react";
-import { Progress as e } from "../../../vendor/shadcn/progress.js";
-const t = ({ value: r, ...s }) => /* @__PURE__ */ o.jsx(e, { value: r, ...s });
-t.displayName = "Progress";
-export {
-  t as Progress
-};

package/dist/components/atoms/protected-field/index.d.ts

@@ -1,2 +0,0 @@
-export { ProtectedField } from './protected-field';
-export type { ProtectedFieldProps } from './protected-field.types';

package/dist/components/atoms/protected-field/protected-field.d.ts

@@ -1,12 +0,0 @@
-import { ProtectedFieldProps } from './protected-field.types';
-/**
- * Display-only field that can mask sensitive information with asterisks.
- * Automatically truncates long text and provides protected view.
- *
- * @example
- * ```tsx
- * <ProtectedField text="secret-api-key-12345" protect={true} />
- * <ProtectedField text="user@email.com" protect={false} />
- * ```
- */
-export declare const ProtectedField: ({ protect, text, className, }: ProtectedFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/protected-field/protected-field.js

@@ -1,31 +0,0 @@
-import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { useState as u, useEffect as i } from "react";
-import { cn as m, truncate as d } from "../../../lib/utils.js";
-import { Input as l } from "../../../vendor/shadcn/input.js";
-const n = (e, t) => {
-  const r = d(e, 30, "...", 19, 10);
-  return t ? r.split("").map(() => "*").join("") : r;
-}, j = ({
-  protect: e = !0,
-  text: t = "Default Text",
-  className: r
-}) => {
-  const [o, a] = u(n(t, e));
-  return i(() => {
-    a(n(t, e));
-  }, [e, t]), /* @__PURE__ */ s.jsx(
-    l,
-    {
-      disabled: !0,
-      value: o,
-      className: m(
-        "min-w-[260px] bg-transparent border-none text-foreground leading-[1.5] shadow-none px-0",
-        r
-      ),
-      readOnly: !0
-    }
-  );
-};
-export {
-  j as ProtectedField
-};

package/dist/components/atoms/protected-field/protected-field.types.d.ts

@@ -1,19 +0,0 @@
-/**
- * Props for the ProtectedField component
- */
-export interface ProtectedFieldProps {
-    /**
-     * Text to display (will be masked if protected)
-     * @default "Default Text"
-     */
-    text?: string;
-    /**
-     * Whether to mask the text with asterisks
-     * @default true
-     */
-    protect?: boolean;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}

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

@@ -1 +0,0 @@
-export { Separator, type SeparatorProps } from './separator';

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

@@ -1,31 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
-declare const dividerVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Props for the Separator component
- */
-interface SeparatorProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
-    /**
-     * Orientation of the separator
-     * @default "horizontal"
-     */
-    orientation?: "horizontal" | "vertical";
-}
-/**
- * Visual separator line for dividing content sections.
- * Supports horizontal/vertical orientations and spacing variants.
- *
- * @example
- * ```tsx
- * <Separator />
- * <Separator orientation="vertical" spacing="md" />
- * ```
- */
-declare const Separator: {
-    ({ className, orientation, spacing, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Separator, type SeparatorProps };

package/dist/components/atoms/separator/separator.js

@@ -1,59 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import "react";
-import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as s } from "../../../lib/utils.js";
-import { Separator as c } from "../../../vendor/shadcn/separator.js";
-const l = r("shrink-0 bg-border", {
-  variants: {
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    },
-    spacing: {
-      none: "",
-      xs: "",
-      sm: "",
-      md: "",
-      lg: "",
-      xl: ""
-    }
-  },
-  compoundVariants: [
-    { orientation: "horizontal", spacing: "xs", class: "my-1" },
-    { orientation: "horizontal", spacing: "sm", class: "my-2" },
-    { orientation: "horizontal", spacing: "md", class: "my-4" },
-    { orientation: "horizontal", spacing: "lg", class: "my-6" },
-    { orientation: "horizontal", spacing: "xl", class: "my-8" },
-    { orientation: "vertical", spacing: "xs", class: "mx-1" },
-    { orientation: "vertical", spacing: "sm", class: "mx-2" },
-    { orientation: "vertical", spacing: "md", class: "mx-4" },
-    { orientation: "vertical", spacing: "lg", class: "mx-6" },
-    { orientation: "vertical", spacing: "xl", class: "mx-8" }
-  ],
-  defaultVariants: {
-    orientation: "horizontal",
-    spacing: "none"
-  }
-}), e = ({
-  className: i,
-  orientation: a,
-  spacing: o,
-  ...n
-}) => /* @__PURE__ */ t.jsx(
-  c,
-  {
-    orientation: a,
-    className: s(
-      l({
-        orientation: a,
-        spacing: o
-      }),
-      i
-    ),
-    ...n
-  }
-);
-e.displayName = "Separator";
-export {
-  e as Separator
-};

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

@@ -1,10 +0,0 @@
-/**
- * Skeleton loader component for displaying placeholder content during loading states.
- *
- * @example
- * ```tsx
- * <Skeleton className="h-4 w-[250px]" />
- * <Skeleton className="h-12 w-12 rounded-full" />
- * ```
- */
-export { Skeleton } from '../../../vendor/shadcn/skeleton';

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

@@ -1,17 +0,0 @@
-/**
- * Tabs components for organizing content into switchable panels.
- * Composed of Tabs (root), TabsList, TabsTrigger, and TabsContent.
- *
- * @example
- * ```tsx
- * <Tabs defaultValue="tab1">
- *   <TabsList>
- *     <TabsTrigger value="tab1">Tab 1</TabsTrigger>
- *     <TabsTrigger value="tab2">Tab 2</TabsTrigger>
- *   </TabsList>
- *   <TabsContent value="tab1">Content 1</TabsContent>
- *   <TabsContent value="tab2">Content 2</TabsContent>
- * </Tabs>
- * ```
- */
-export { Tabs, TabsList, TabsTrigger, TabsContent } from '../../../vendor/shadcn/tabs';

package/dist/components/atoms/themed-image/index.d.ts

@@ -1 +0,0 @@
-export { ThemedImage, type ThemedImageProps } from './themed-image';

package/dist/components/atoms/themed-image/themed-image.d.ts

@@ -1,22 +0,0 @@
-import { ImgHTMLAttributes } from 'react';
-export interface ThemedImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> {
-    /** Image source for light mode */
-    lightSrc: string;
-    /** Image source for dark mode */
-    darkSrc: string;
-}
-/**
- * Renders two `<img>` elements and uses Tailwind `dark:` variants to toggle
- * between a light-mode and a dark-mode illustration without a React re-render.
- *
- * @example
- * ```tsx
- * <ThemedImage
- *   lightSrc={emptyLight}
- *   darkSrc={emptyDark}
- *   alt="No results"
- *   className="w-40 h-[148px]"
- * />
- * ```
- */
-export declare function ThemedImage({ lightSrc, darkSrc, className, ...props }: ThemedImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/themed-image/themed-image.js

@@ -1,30 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { cn as s } from "../../../lib/utils.js";
-function a({
-  lightSrc: i,
-  darkSrc: n,
-  className: e,
-  ...m
-}) {
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(
-      "img",
-      {
-        src: i,
-        className: s("dark:hidden", e),
-        ...m
-      }
-    ),
-    /* @__PURE__ */ r.jsx(
-      "img",
-      {
-        src: n,
-        className: s("hidden dark:block", e),
-        ...m
-      }
-    )
-  ] });
-}
-export {
-  a as ThemedImage
-};

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

@@ -1,16 +0,0 @@
-/**
- * Toast notification container component (based on Sonner).
- * Place once at root level to enable toast notifications globally.
- * Use with toast() function from sonner.
- *
- * @example
- * ```tsx
- * // In root layout:
- * <Toaster />
- *
- * // Anywhere in app:
- * import { toast } from 'sonner';
- * toast.success('Operation successful!');
- * ```
- */
-export { Toaster } from '../../../vendor/shadcn/sonner';

package/dist/components/atoms/toggle-group/index.d.ts

@@ -1 +0,0 @@
-export { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupItemProps, } from './toggle-group';

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

@@ -1,38 +0,0 @@
-import { ToggleGroup as ShadcnToggleGroup, ToggleGroupItem as ShadcnToggleGroupItem } from '../../../vendor/shadcn/toggle-group';
-import { VariantProps } from 'class-variance-authority';
-import { toggleVariants } from '../../../vendor/shadcn/toggle';
-import * as React from "react";
-/**
- * Props for the ToggleGroup component
- */
-export interface ToggleGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof ShadcnToggleGroup>, "onValueChange" | "onChange">, VariantProps<typeof toggleVariants> {
-    /**
-     * Callback fired when the selected value changes
-     * - For type="single": receives a string
-     * - For type="multiple": receives an array of strings
-     */
-    onChange?: (value: string | string[]) => void;
-}
-/**
- * Props for the ToggleGroupItem component
- */
-export interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ShadcnToggleGroupItem>, VariantProps<typeof toggleVariants> {
-}
-/**
- * Group of toggle buttons for single or multiple selection.
- *
- * @example
- * ```tsx
- * <ToggleGroup type="single" value={selected} onChange={setSelected}>
- *   <ToggleGroupItem value="left">Left</ToggleGroupItem>
- *   <ToggleGroupItem value="center">Center</ToggleGroupItem>
- *   <ToggleGroupItem value="right">Right</ToggleGroupItem>
- * </ToggleGroup>
- * ```
- */
-declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Individual toggle button within a ToggleGroup
- */
-declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-export { ToggleGroup, ToggleGroupItem };