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

package/dist/components/atoms/toggle-group/toggle-group.js

@@ -1,33 +0,0 @@
-import { j as p } from "../../../_virtual/jsx-runtime.js";
-import * as s from "react";
-import { ToggleGroup as u, ToggleGroupItem as f } from "../../../vendor/shadcn/toggle-group.js";
-import { cn as t } from "../../../lib/utils.js";
-const n = s.forwardRef(({ className: o, variant: r, size: e, children: a, onChange: g, ...m }, l) => /* @__PURE__ */ p.jsx(
-  u,
-  {
-    ref: l,
-    className: t(o),
-    variant: r,
-    size: e,
-    onValueChange: g,
-    ...m,
-    children: a
-  }
-));
-n.displayName = "ToggleGroup";
-const G = s.forwardRef(({ className: o, variant: r, size: e, children: a, ...g }, m) => /* @__PURE__ */ p.jsx(
-  f,
-  {
-    ref: m,
-    className: t(o),
-    variant: r,
-    size: e,
-    ...g,
-    children: a
-  }
-));
-G.displayName = "ToggleGroupItem";
-export {
-  n as ToggleGroup,
-  G as ToggleGroupItem
-};

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

@@ -1 +0,0 @@
-export { Tooltip, TooltipProvider, type TooltipProps, type TooltipProviderProps } from './tooltip';

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

@@ -1,35 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Tooltip as ShadcnTooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../../vendor/shadcn/tooltip';
-type ShadcnTooltipRootProps = ComponentProps<typeof ShadcnTooltip>;
-type TooltipContentProps = ComponentProps<typeof TooltipContent>;
-type TooltipProviderProps = ComponentProps<typeof TooltipProvider>;
-type TooltipTriggerProps = ComponentProps<typeof TooltipTrigger>;
-/**
- * Props for the Tooltip component
- */
-interface TooltipProps extends ShadcnTooltipRootProps {
-    /**
-     * Content to display in the tooltip
-     * Can be a string, JSX element, or any React node
-     */
-    content: ReactNode;
-    /**
-     * Additional props for the tooltip content
-     */
-    contentProps?: TooltipContentProps;
-    /**
-     * Additional props for the tooltip provider
-     */
-    providerProps?: Partial<TooltipProviderProps>;
-    /**
-     * Additional props for the tooltip trigger
-     */
-    triggerProps?: TooltipTriggerProps;
-    /**
-     * Whether to show the tooltip
-     * @default true
-     */
-    show?: boolean;
-}
-declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
-export { Tooltip, TooltipProvider, type TooltipProps, type TooltipProviderProps, };

package/dist/components/atoms/tooltip/tooltip.js

@@ -1,23 +0,0 @@
-import { j as i } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as p } from "react";
-import { TooltipProvider as u, Tooltip as f, TooltipTrigger as n, TooltipContent as d } from "../../../vendor/shadcn/tooltip.js";
-import { cn as x } from "../../../lib/utils.js";
-const j = (r) => !!(r == null || typeof r == "string" && r.trim() === "" || Array.isArray(r) && r.length === 0), T = p(
-  ({
-    content: r,
-    children: t,
-    contentProps: o,
-    providerProps: s,
-    triggerProps: e,
-    show: l = !0,
-    ...a
-  }, m) => !l || j(r) ? /* @__PURE__ */ i.jsx(i.Fragment, { children: t }) : /* @__PURE__ */ i.jsx(u, { delayDuration: 0, ...s, children: /* @__PURE__ */ i.jsxs(f, { ...a, children: [
-    /* @__PURE__ */ i.jsx(n, { asChild: !0, className: x("flex items-center justify-center", e?.className), ...e, children: /* @__PURE__ */ i.jsx("div", { children: t }) }),
-    /* @__PURE__ */ i.jsx(d, { ref: m, ...o, children: r })
-  ] }) })
-);
-T.displayName = "Tooltip";
-export {
-  T as Tooltip,
-  u as TooltipProvider
-};

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

@@ -1 +0,0 @@
-export { Typography, type TypographyProps } from './typography';

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

@@ -1,37 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes } from 'react';
-declare const typographyVariants: (props?: ({
-    variant?: "blockquote" | "h1" | "h2" | "h3" | "h4" | "p" | "list" | "muted" | "xs" | "sm" | "lg" | "xl" | "lead" | null | undefined;
-    weight?: "bold" | "regular" | "semibold" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Props for the Typography component
- */
-export interface TypographyProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
-    /**
-     * HTML element to render (overrides the default element for the variant)
-     * @example "div", "span", "h1", "p"
-     */
-    as?: keyof JSX.IntrinsicElements;
-}
-/**
- * Flexible typography component with predefined text styles and semantic HTML elements.
- * Automatically renders the appropriate HTML element based on the variant.
- *
- * @deprecated Use native HTML elements (`<h1>`, `<p>`, `<span>`, etc.) styled with
- * Tailwind CSS utility classes instead. The design system's theme tokens
- * (`text-muted-foreground`, `tracking-tight`, etc.) are available directly via Tailwind.
- *
- * @example
- * ```tsx
- * // Before (deprecated)
- * <Typography variant="h1">Page Title</Typography>
- * <Typography variant="muted">Helper text</Typography>
- *
- * // After (preferred)
- * <h1 className="text-4xl tracking-tight lg:text-5xl">Page Title</h1>
- * <p className="text-sm text-muted-foreground">Helper text</p>
- * ```
- */
-declare const Typography: import('react').ForwardRefExoticComponent<TypographyProps & import('react').RefAttributes<HTMLElement>>;
-export { Typography };

package/dist/components/atoms/typography/typography.js

@@ -1,62 +0,0 @@
-import { cva as s } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as i } from "../../../lib/utils.js";
-import { forwardRef as m, createElement as c } from "react";
-const d = s("font-sans", {
-  variants: {
-    variant: {
-      h1: "scroll-m-20 text-4xl tracking-tight lg:text-5xl",
-      h2: "scroll-m-20 text-3xl tracking-tight",
-      h3: "scroll-m-20 text-2xl tracking-tight",
-      h4: "scroll-m-20 text-xl tracking-tight",
-      p: "",
-      lead: "text-xl text-muted-foreground",
-      lg: "text-lg font-semibold",
-      xl: "text-xl font-semibold",
-      xs: "text-xs font-medium leading-none",
-      sm: "text-sm font-medium leading-none",
-      muted: "text-sm text-muted-foreground",
-      blockquote: "mt-6 border-s-2 ps-6 italic",
-      list: "my-6 ms-6 list-disc [&>li]:mt-2"
-    },
-    weight: {
-      regular: "font-normal",
-      bold: "font-bold",
-      semibold: "font-semibold"
-    }
-  },
-  defaultVariants: {
-    variant: "p"
-  }
-});
-function u(t) {
-  switch (t) {
-    case "h1":
-      return "h1";
-    case "h2":
-      return "h2";
-    case "h3":
-      return "h3";
-    case "h4":
-      return "h4";
-    case "blockquote":
-      return "blockquote";
-    case "list":
-      return "ul";
-    default:
-      return "p";
-  }
-}
-const x = m(
-  ({ className: t, variant: e = "p", weight: r, as: o, ...a }, l) => {
-    const n = o || u(e ?? "p");
-    return c(n, {
-      className: i(d(r !== void 0 ? { variant: e, weight: r } : { variant: e }), t),
-      ref: l,
-      ...a
-    });
-  }
-);
-x.displayName = "Typography";
-export {
-  x as Typography
-};

package/dist/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from './atoms';
-export * from './molecules';
-export * from './organisms';

package/dist/components/molecules/animated-empty/animated-empty-illustration.d.ts

@@ -1,13 +0,0 @@
-import { AnimatedEmptyVariant } from './types';
-export interface AnimatedEmptyIllustrationProps {
-    variant: AnimatedEmptyVariant;
-    className?: string;
-    alt?: string;
-}
-/**
- * Renders the SVG illustration for a given table empty-state variant.
- * Delegates light/dark swapping to `ThemedImage`, which renders both
- * images and toggles them via Tailwind `dark:` variants — no React
- * re-render needed when the theme changes.
- */
-export declare function AnimatedEmptyIllustration({ variant, className, alt, }: AnimatedEmptyIllustrationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/animated-empty/animated-empty-illustration.js

@@ -1,28 +0,0 @@
-import { j as m } from "../../../_virtual/jsx-runtime.js";
-import { cn as a } from "../../../lib/utils.js";
-import { ILLUSTRATIONS as i } from "./illustrations.js";
-import { ThemedImage as s } from "../../atoms/themed-image/themed-image.js";
-function p({
-  variant: o,
-  className: e,
-  alt: r = ""
-}) {
-  const t = i[o];
-  return /* @__PURE__ */ m.jsx(
-    s,
-    {
-      lightSrc: t.light,
-      darkSrc: t.dark,
-      alt: r,
-      "aria-hidden": r === "" ? !0 : void 0,
-      draggable: !1,
-      className: a(
-        "w-full max-w-[592px] h-auto select-none",
-        e
-      )
-    }
-  );
-}
-export {
-  p as AnimatedEmptyIllustration
-};

package/dist/components/molecules/animated-empty/animated-empty.d.ts

@@ -1,12 +0,0 @@
-import { AnimatedEmptyProps } from './types';
-/**
- * Onboarding empty-state with an illustration on the left and promotional
- * text + CTA on the right. Designed to be shown the first time a user
- * lands on an empty surface (table, card, page); consumers persist
- * dismissal (e.g. in `userSettings.viewedTutorials`) and stop rendering
- * the component once dismissed.
- *
- * Layout: Image (left) | Text (right). On mobile collapses to column with
- * the illustration on top.
- */
-export declare const AnimatedEmpty: import('react').ForwardRefExoticComponent<AnimatedEmptyProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/molecules/animated-empty/animated-empty.js

@@ -1,76 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as p } from "react";
-import { cn as u } from "../../../lib/utils.js";
-import { Button as n } from "../../atoms/button/button.js";
-import { AnimatedEmptyIllustration as h } from "./animated-empty-illustration.js";
-import { Typography as l } from "../../atoms/typography/typography.js";
-const j = p(
-  ({
-    variant: d,
-    tagline: i,
-    title: m,
-    description: s,
-    cta: t,
-    onDismiss: a,
-    dismissLabel: r,
-    illustration: o,
-    className: c
-  }, x) => {
-    const f = () => {
-      t.onClick(), a?.();
-    };
-    return /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        ref: x,
-        "data-variant": d,
-        className: u(
-          "yuno-animated-empty",
-          "flex flex-col md:flex-row items-center gap-8",
-          "bg-card rounded-lg p-8 md:p-12",
-          "animate-fade-in duration-500",
-          c
-        ),
-        children: [
-          /* @__PURE__ */ e.jsx("div", { className: "hidden md:block yuno-animated-empty-illustration bg-muted rounded-lg overflow-hidden flex-shrink-0", children: o ?? /* @__PURE__ */ e.jsx(h, { variant: d }) }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 items-start w-full", children: [
-            i && /* @__PURE__ */ e.jsx(
-              l,
-              {
-                variant: "muted",
-                className: "uppercase tracking-wide text-xs font-semibold",
-                children: i
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              l,
-              {
-                as: "h3",
-                className: "text-2xl font-semibold leading-tight",
-                children: m
-              }
-            ),
-            /* @__PURE__ */ e.jsx(l, { variant: "muted", className: "text-sm", children: s }),
-            /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3 items-center mt-2", children: [
-              /* @__PURE__ */ e.jsx(
-                n,
-                {
-                  variant: "default",
-                  size: "default",
-                  onClick: f,
-                  disabled: t.disabled,
-                  children: t.label
-                }
-              ),
-              a && r && /* @__PURE__ */ e.jsx(n, { variant: "ghost", size: "default", onClick: a, children: r })
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-j.displayName = "AnimatedEmpty";
-export {
-  j as AnimatedEmpty
-};

package/dist/components/molecules/animated-empty/illustrations.d.ts

@@ -1,4 +0,0 @@
-import { AnimatedEmptyVariant as EmptyStateVariant } from './types';
-export type IllustrationTheme = "light" | "dark";
-export declare const ASSETS_BASE_URL = "https://dashboard-assets.y.uno";
-export declare const ILLUSTRATIONS: Record<EmptyStateVariant, Record<IllustrationTheme, string>>;

package/dist/components/molecules/animated-empty/illustrations.js

@@ -1,42 +0,0 @@
-const a = "https://dashboard-assets.y.uno", s = (i, l) => `${a}/tables/empty-states/mask_${i}_${l}.svg`, t = (i, l) => `${a}/risk-conditions/empty-states/mask_${i}_${l}.svg`, r = {
-  payments: {
-    light: s("payments", "light"),
-    dark: s("payments", "dark")
-  },
-  chargebacks: {
-    light: s("chargebacks", "light"),
-    dark: s("chargebacks", "dark")
-  },
-  installments: {
-    light: s("installments", "light"),
-    dark: s("installments", "dark")
-  },
-  paymentLinks: {
-    light: s("payment-links", "light"),
-    dark: s("payment-links", "dark")
-  },
-  recipients: {
-    light: s("recipients", "light"),
-    dark: s("recipients", "dark")
-  },
-  subscriptions: {
-    light: s("subscriptions", "light"),
-    dark: s("subscriptions", "dark")
-  },
-  rules: {
-    light: t("rules", "light"),
-    dark: t("rules", "dark")
-  },
-  blocklists: {
-    light: t("blocklists", "light"),
-    dark: t("blocklists", "dark")
-  },
-  allowlists: {
-    light: t("allowlists", "light"),
-    dark: t("allowlists", "dark")
-  }
-};
-export {
-  a as ASSETS_BASE_URL,
-  r as ILLUSTRATIONS
-};

package/dist/components/molecules/animated-empty/index.d.ts

@@ -1,4 +0,0 @@
-export { AnimatedEmpty } from './animated-empty';
-export { AnimatedEmptyIllustration, type AnimatedEmptyIllustrationProps, } from './animated-empty-illustration';
-export { ILLUSTRATIONS, ASSETS_BASE_URL } from './illustrations';
-export type { AnimatedEmptyProps, AnimatedEmptyVariant, AnimatedEmptyAction, } from './types';

package/dist/components/molecules/animated-empty/types.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-export type AnimatedEmptyVariant = "payments" | "chargebacks" | "installments" | "paymentLinks" | "recipients" | "subscriptions" | "rules" | "blocklists" | "allowlists";
-export interface AnimatedEmptyAction {
-    label: string;
-    onClick: () => void;
-    disabled?: boolean;
-}
-export interface AnimatedEmptyProps {
-    variant: AnimatedEmptyVariant;
-    tagline?: string;
-    title: string;
-    description: string;
-    cta: AnimatedEmptyAction;
-    onDismiss?: () => void;
-    dismissLabel?: string;
-    illustration?: ReactNode;
-    className?: string;
-}

package/dist/components/molecules/breadcrumb/breadcrumb.d.ts

@@ -1,67 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Represents a single breadcrumb item
- */
-interface BreadcrumbItemData {
-    /**
-     * Display text for the breadcrumb item
-     */
-    label: string;
-    /**
-     * URL to navigate to when the breadcrumb is clicked
-     */
-    href?: string;
-    /**
-     * Optional dropdown menu items for this breadcrumb
-     */
-    dropdown?: Array<{
-        /**
-         * Display text for dropdown item
-         */
-        label: string;
-        /**
-         * URL for dropdown item
-         */
-        href: string;
-    }>;
-}
-/**
- * Props for the Breadcrumb component
- */
-interface BreadcrumbProps {
-    /**
-     * Array of breadcrumb items to display
-     */
-    items: BreadcrumbItemData[];
-    /**
-     * Custom separator element between breadcrumb items
-     */
-    separator?: ReactNode;
-    /**
-     * Maximum number of items before collapsing with ellipsis
-     * @default 0 (no collapsing)
-     */
-    maxItems?: number;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}
-/**
- * Navigation breadcrumb component with support for collapsing and dropdown menus.
- * Automatically collapses middle items when maxItems is exceeded.
- *
- * @example
- * ```tsx
- * <Breadcrumb
- *   items={[
- *     { label: 'Home', href: '/' },
- *     { label: 'Products', href: '/products' },
- *     { label: 'Item Detail' }
- *   ]}
- *   maxItems={3}
- * />
- * ```
- */
-declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
-export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItemData };

package/dist/components/molecules/breadcrumb/breadcrumb.js

@@ -1,47 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as L, Fragment as i } from "react";
-import { Icon as C } from "../../atoms/icon/icon.js";
-import { Breadcrumb as M, BreadcrumbList as E, BreadcrumbItem as h, BreadcrumbEllipsis as I, BreadcrumbPage as N, BreadcrumbLink as V, BreadcrumbSeparator as k } from "../../../vendor/shadcn/breadcrumb.js";
-import { DropdownMenu as u, DropdownMenuTrigger as x, DropdownMenuContent as j, DropdownMenuItem as p } from "../../../vendor/shadcn/dropdown-menu.js";
-const v = L(
-  ({ items: s, separator: f, maxItems: l = 0, className: b }, m) => {
-    const d = l > 0 && s.length > l, o = d ? [
-      s[0],
-      // First item always visible
-      null,
-      // Placeholder for ellipsis
-      ...s.slice(-(l - 2))
-      // Last items
-    ] : s, a = d ? s.slice(1, s.length - (l - 2)) : [], g = ((e) => {
-      for (let n = e.length - 1; n >= 0; n--)
-        if (e[n]) return n;
-      return -1;
-    })(o), t = () => /* @__PURE__ */ r.jsx(k, { children: f }), B = (e) => /* @__PURE__ */ r.jsxs(u, { children: [
-      /* @__PURE__ */ r.jsxs(x, { className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-neutral-700 transition-colors", children: [
-        e.label,
-        /* @__PURE__ */ r.jsx(C, { name: "CaretDown", className: "size-4" })
-      ] }),
-      /* @__PURE__ */ r.jsx(j, { children: e.dropdown?.map((n, c) => /* @__PURE__ */ r.jsx(p, { asChild: !0, children: /* @__PURE__ */ r.jsx("a", { href: n.href, children: n.label }) }, c)) })
-    ] }), w = (e, n) => n ? /* @__PURE__ */ r.jsx(N, { children: e.label }) : /* @__PURE__ */ r.jsx(V, { href: e.href, children: e.label }), D = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(h, { children: /* @__PURE__ */ r.jsxs(u, { children: [
-        /* @__PURE__ */ r.jsx(x, { children: /* @__PURE__ */ r.jsx(I, {}) }),
-        /* @__PURE__ */ r.jsx(j, { children: a.map((e, n) => /* @__PURE__ */ r.jsx(p, { asChild: !0, children: /* @__PURE__ */ r.jsx("a", { href: e.href, children: e.label }) }, n)) })
-      ] }) }),
-      t()
-    ] });
-    return /* @__PURE__ */ r.jsx(M, { ref: m, className: b, children: /* @__PURE__ */ r.jsx(E, { children: o.map((e, n) => {
-      if (e === null && a.length > 0)
-        return /* @__PURE__ */ r.jsx(i, { children: D() }, n);
-      if (!e) return null;
-      const c = n === g;
-      return /* @__PURE__ */ r.jsxs(i, { children: [
-        /* @__PURE__ */ r.jsx(h, { children: e.dropdown ? B(e) : w(e, c) }),
-        n < o.length - 1 && e && t()
-      ] }, n);
-    }) }) });
-  }
-);
-v.displayName = "Breadcrumb";
-export {
-  v as Breadcrumb
-};

package/dist/components/molecules/breadcrumb/index.d.ts

@@ -1 +0,0 @@
-export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItemData, } from './breadcrumb';

package/dist/components/molecules/checkbox/checkbox.d.ts

@@ -1,44 +0,0 @@
-import { ComponentProps, ChangeEvent } from 'react';
-import { Checkbox as ShadcnCheckbox } from '../../../vendor/shadcn/checkbox';
-/**
- * Props for the Checkbox component
- */
-export interface CheckboxProps extends Omit<ComponentProps<typeof ShadcnCheckbox>, "children" | "onCheckedChange" | "onChange"> {
-    /**
-     * Label text displayed next to the checkbox
-     */
-    label?: string;
-    /**
-     * Optional description text displayed below the label
-     */
-    description?: string;
-    /**
-     * Callback fired when the checkbox state changes
-     * Provides a synthetic ChangeEvent compatible with react-hook-form
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Additional CSS classes to apply to the label element
-     */
-    labelClassName?: string;
-    /**
-     * Optional info icon with tooltip
-     */
-    info?: string;
-}
-/**
- * Checkbox component with optional label and description.
- * Compatible with react-hook-form through synthetic ChangeEvent.
- *
- * @example
- * ```tsx
- * <Checkbox
- *   label="Accept terms and conditions"
- *   description="You must agree to continue"
- *   checked={accepted}
- *   onChange={(e) => setAccepted(e.target.checked)}
- * />
- * ```
- */
-declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-export { Checkbox };

package/dist/components/molecules/checkbox/checkbox.js

@@ -1,83 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as g, useId as C } from "react";
-import { Checkbox as j } from "../../../vendor/shadcn/checkbox.js";
-import { cn as x } from "../../../lib/utils.js";
-import { Label as k } from "../../atoms/label/label.js";
-const v = g(
-  ({
-    label: n,
-    description: c,
-    id: i,
-    name: t,
-    disabled: s,
-    onChange: a,
-    labelClassName: f,
-    info: l,
-    ...p
-  }, h) => {
-    const u = C(), o = i || t || u, d = (r) => {
-      if (!a) return;
-      a({
-        target: {
-          name: t || o,
-          checked: r,
-          type: "checkbox",
-          value: r ? "on" : "off"
-        },
-        currentTarget: {
-          name: t || o,
-          checked: r,
-          type: "checkbox",
-          value: r ? "on" : "off"
-        },
-        preventDefault: () => {
-        },
-        stopPropagation: () => {
-        }
-      });
-    }, m = /* @__PURE__ */ e.jsx(
-      j,
-      {
-        ref: h,
-        id: o,
-        name: t,
-        disabled: s,
-        onCheckedChange: d,
-        ...p,
-        className: "size-3.5 cursor-pointer"
-      }
-    );
-    return n ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-      m,
-      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ e.jsx(
-          k,
-          {
-            htmlFor: o,
-            info: l,
-            className: x(
-              "text-sm leading-none cursor-pointer",
-              s && "text-muted-foreground",
-              f
-            ),
-            children: n
-          }
-        ),
-        c && /* @__PURE__ */ e.jsx(
-          "p",
-          {
-            className: x(
-              "text-sm text-muted-foreground",
-              s && "opacity-50"
-            ),
-            children: c
-          }
-        )
-      ] })
-    ] }) : m;
-  }
-);
-v.displayName = "Checkbox";
-export {
-  v as Checkbox
-};

package/dist/components/molecules/checkbox/index.d.ts

@@ -1 +0,0 @@
-export { Checkbox, type CheckboxProps } from './checkbox';