diditui 1.2.0 → 1.2.2

package/dist/_commonjsHelpers-DKOUU3wS.cjs

@@ -0,0 +1 @@
+"use strict";var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

package/dist/components/ActionButton/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../../index-BndgMvJa.cjs"),b=require("../Icon/index.cjs"),f=require("../Spinner/index.cjs"),g=require("../../index-P5d-BEGS.cjs"),x=require("../Text/index.cjs"),v=g.cva(["group w-fit max-w-full flex items-center gap-1 rounded-[100px] overflow-hidden","transition-all duration-300 p-[7px] border border-transparent"],{variants:{variant:{default:"bg-transparent hover:bg-surface-ulo border-surface-lo text-surface-hi hover:text-foreground",soft:"bg-soft/20 border-soft text-surface-hi hover:bg-soft/50 hover:text-foreground",primary:"bg-primary/5 border-primary/20 text-primary hover:bg-primary/10",accent:"bg-accent/10 border-accent/20 text-accent hover:bg-accent/40",success:"bg-success/5 border-success/20 text-success hover:bg-success/10",warning:"bg-warning/5 border-warning/20 text-warning hover:bg-warning/10",error:"bg-error/5 border-error/20 text-error hover:bg-error/10"},disabled:{true:"pointer-events-none opacity-50"},isLoading:{true:"pointer-events-none"},isActive:{true:""}},compoundVariants:[{variant:"default",isActive:!0,disabled:!1,className:"text-foreground bg-surface-ulo"},{variant:"soft",isActive:!0,disabled:!1,className:"text-foreground bg-soft/50"},{variant:"primary",isActive:!0,disabled:!1,className:"bg-primary/10"},{variant:"accent",isActive:!0,disabled:!1,className:"bg-accent/40"},{variant:"success",isActive:!0,disabled:!1,className:"bg-success/10"},{variant:"warning",isActive:!0,disabled:!1,className:"bg-warning/10"},{variant:"error",isActive:!0,disabled:!1,className:"bg-error/10"}],defaultVariants:{variant:"default",disabled:!1,isLoading:!1}});function p({variant:e="default",icon:s,isLoading:r=!1,isActive:a=!1,disabled:o,className:i,children:c,...u}){const l=n.cn(v({variant:e,isLoading:r,disabled:o,isActive:a,className:i}),{"pr-[9px]":!!s||r}),d=n.cn("transition-colors duration-300",{"text-surface-md group-hover:text-foreground":e==="default","text-surface-hi":a&&e==="default"});return t.jsxs("button",{className:l,...u,children:[s&&!r&&t.jsx(b.Icon,{type:s,size:"xs",className:d}),r&&t.jsx(f.Spinner,{size:"xs",variant:e==="soft"?"default":e}),t.jsx(x.Text,{as:"span",className:"truncate",variant:"Label4",children:c})]})}exports.ActionButton=p;

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

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+import { IconType } from '../../types';
+import { VariantProps } from 'class-variance-authority';
+declare const actionButtonStyles: (props?: ({
+    variant?: "warning" | "default" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
+    disabled?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ActionButtonProps = ComponentProps<'button'> & VariantProps<typeof actionButtonStyles> & {
+    icon?: IconType;
+};
+declare function ActionButton({ variant, icon, isLoading, isActive, disabled, className, children, ...props }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export { ActionButton };

package/dist/components/ActionButton/index.js

@@ -0,0 +1,111 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { c as o } from "../../index-DCn7qPZq.js";
+import { Icon as b } from "../Icon/index.js";
+import { Spinner as g } from "../Spinner/index.js";
+import { c as m } from "../../index-Dw-qpi3m.js";
+import { Text as p } from "../Text/index.js";
+const v = m(
+  [
+    "group w-fit max-w-full flex items-center gap-1 rounded-[100px] overflow-hidden",
+    "transition-all duration-300 p-[7px] border border-transparent"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent hover:bg-surface-ulo border-surface-lo text-surface-hi hover:text-foreground",
+        soft: "bg-soft/20 border-soft text-surface-hi hover:bg-soft/50 hover:text-foreground",
+        primary: "bg-primary/5 border-primary/20 text-primary hover:bg-primary/10",
+        accent: "bg-accent/10 border-accent/20 text-accent hover:bg-accent/40",
+        success: "bg-success/5 border-success/20 text-success hover:bg-success/10",
+        warning: "bg-warning/5 border-warning/20 text-warning hover:bg-warning/10",
+        error: "bg-error/5 border-error/20 text-error hover:bg-error/10"
+      },
+      disabled: {
+        true: "pointer-events-none opacity-50"
+      },
+      isLoading: {
+        true: "pointer-events-none"
+      },
+      isActive: {
+        true: ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "default",
+        isActive: !0,
+        disabled: !1,
+        className: "text-foreground bg-surface-ulo"
+      },
+      {
+        variant: "soft",
+        isActive: !0,
+        disabled: !1,
+        className: "text-foreground bg-soft/50"
+      },
+      {
+        variant: "primary",
+        isActive: !0,
+        disabled: !1,
+        className: "bg-primary/10"
+      },
+      {
+        variant: "accent",
+        isActive: !0,
+        disabled: !1,
+        className: "bg-accent/40"
+      },
+      {
+        variant: "success",
+        isActive: !0,
+        disabled: !1,
+        className: "bg-success/10"
+      },
+      {
+        variant: "warning",
+        isActive: !0,
+        disabled: !1,
+        className: "bg-warning/10"
+      },
+      {
+        variant: "error",
+        isActive: !0,
+        disabled: !1,
+        className: "bg-error/10"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      disabled: !1,
+      isLoading: !1
+    }
+  }
+);
+function j({
+  variant: e = "default",
+  icon: t,
+  isLoading: r = !1,
+  isActive: s = !1,
+  disabled: n,
+  className: i,
+  children: c,
+  ...l
+}) {
+  const u = o(
+    v({ variant: e, isLoading: r, disabled: n, isActive: s, className: i }),
+    {
+      "pr-[9px]": !!t || r
+    }
+  ), f = o("transition-colors duration-300", {
+    "text-surface-md group-hover:text-foreground": e === "default",
+    "text-surface-hi": s && e === "default"
+  });
+  return /* @__PURE__ */ d("button", { className: u, ...l, children: [
+    t && !r && /* @__PURE__ */ a(b, { type: t, size: "xs", className: f }),
+    r && /* @__PURE__ */ a(g, { size: "xs", variant: e === "soft" ? "default" : e }),
+    /* @__PURE__ */ a(p, { as: "span", className: "truncate", variant: "Label4", children: c })
+  ] });
+}
+export {
+  j as ActionButton
+};

package/dist/components/Button/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../index-BndgMvJa.cjs"),x=require("../Icon/index.cjs"),b=require("../Spinner/index.cjs"),f=require("../../index-P5d-BEGS.cjs"),h=f.cva(["group relative w-full min-w-52 flex items-center rounded-full overflow-hidden","transition-all duration-300"],{variants:{variant:{default:"bg-transparent border border-foreground text-foreground",white:"bg-transparent border border-background text-background",primary:"bg-primary border border-primary text-background",soft:"bg-soft border border-soft text-primary",error:"bg-error border border-error text-background"},size:{md:"px-2 py-4 pl-4",lg:"px-3 py-5 pl-5"},disabled:{true:"pointer-events-none bg-surface-lo text-surface-mdlo border-surface-lo"},isLoading:{true:"pointer-events-none"},animate:{true:"",false:"hover:opacity-70"}},compoundVariants:[{animate:!0,variant:"primary",className:"hover:text-primary"},{animate:!0,variant:"error",className:"hover:text-error"}],defaultVariants:{size:"md",variant:"default",disabled:!1,isLoading:!1,animate:!1}});function y({size:t="md",variant:r="default",icon:a,isLoading:s=!1,animate:i=!1,disabled:o,className:u,children:l,...c}){const d=n.cn(["absolute right-2 p-[7px] rounded-full z-20 flex justify-end items-center","transition-color duration-300",{"right-2":t==="md","right-3":t==="lg","text-foreground":r==="default","bg-background text-primary":r==="primary","bg-background text-error":r==="error","bg-transparent text-surface-mdlo":o}]),g=n.cn(["hidden absolute right-2 size-7","bg-background rounded-full z-10 transition-all duration-300","group-hover:w-[calc(100%-4px)] group-hover:right-[2px] group-hover:h-[calc(100%-4px)]",{"right-2":t==="md","right-3":t==="lg","text-foreground":r==="default","bg-background text-primary":r==="primary","bg-background text-error":r==="error","bg-transparent text-surface-mdlo":o,block:i}]),m=n.cn(["text-sm font-medium leading-[90%] tracking-tight w-full text-center z-30","text-inherit",{"mr-[32px]":!!a}]),p=r==="primary"?"xs":"sm";return e.jsxs("button",{className:n.cn(h({variant:r,size:t,isLoading:s,disabled:o,animate:i,className:u})),...c,children:[e.jsx("span",{className:m,children:l}),a&&!s&&e.jsx("div",{className:d,children:e.jsx(x.Icon,{type:a,size:o?"sm":p})}),s&&e.jsx("div",{className:d,children:e.jsx(b.Spinner,{size:"xs",variant:r==="white"?"soft":r})}),e.jsx("div",{className:g})]})}exports.Button=y;

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

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+import { IconType } from '../../types';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonStyles: (props?: ({
+    variant?: "default" | "primary" | "soft" | "error" | "white" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+    animate?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonStyles> & {
+    icon?: IconType;
+};
+declare function Button({ size, variant, icon, isLoading, animate, disabled, className, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button };

package/dist/components/Button/index.js

@@ -0,0 +1,112 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { c as a } from "../../index-DCn7qPZq.js";
+import { Icon as b } from "../Icon/index.js";
+import { Spinner as x } from "../Spinner/index.js";
+import { c as h } from "../../index-Dw-qpi3m.js";
+const y = h(
+  [
+    "group relative w-full min-w-52 flex items-center rounded-full overflow-hidden",
+    "transition-all duration-300"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent border border-foreground text-foreground",
+        white: "bg-transparent border border-background text-background",
+        primary: "bg-primary border border-primary text-background",
+        soft: "bg-soft border border-soft text-primary",
+        error: "bg-error border border-error text-background"
+      },
+      size: {
+        md: "px-2 py-4 pl-4",
+        lg: "px-3 py-5 pl-5"
+      },
+      disabled: {
+        true: "pointer-events-none bg-surface-lo text-surface-mdlo border-surface-lo"
+      },
+      isLoading: {
+        true: "pointer-events-none"
+      },
+      animate: {
+        true: "",
+        false: "hover:opacity-70"
+      }
+    },
+    compoundVariants: [
+      {
+        animate: !0,
+        variant: "primary",
+        className: "hover:text-primary"
+      },
+      {
+        animate: !0,
+        variant: "error",
+        className: "hover:text-error"
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "default",
+      disabled: !1,
+      isLoading: !1,
+      animate: !1
+    }
+  }
+);
+function j({
+  size: t = "md",
+  variant: r = "default",
+  icon: n,
+  isLoading: s = !1,
+  animate: i = !1,
+  disabled: o,
+  className: l,
+  children: u,
+  ...m
+}) {
+  const d = a([
+    "absolute right-2 p-[7px] rounded-full z-20 flex justify-end items-center",
+    "transition-color duration-300",
+    {
+      "right-2": t === "md",
+      "right-3": t === "lg",
+      "text-foreground": r === "default",
+      "bg-background text-primary": r === "primary",
+      "bg-background text-error": r === "error",
+      "bg-transparent text-surface-mdlo": o
+    }
+  ]), c = a([
+    "hidden absolute right-2 size-7",
+    "bg-background rounded-full z-10 transition-all duration-300",
+    "group-hover:w-[calc(100%-4px)] group-hover:right-[2px] group-hover:h-[calc(100%-4px)]",
+    {
+      "right-2": t === "md",
+      "right-3": t === "lg",
+      "text-foreground": r === "default",
+      "bg-background text-primary": r === "primary",
+      "bg-background text-error": r === "error",
+      "bg-transparent text-surface-mdlo": o,
+      block: i
+    }
+  ]), p = a([
+    "text-sm font-medium leading-[90%] tracking-tight w-full text-center z-30",
+    "text-inherit",
+    { "mr-[32px]": !!n }
+  ]), g = r === "primary" ? "xs" : "sm";
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      className: a(y({ variant: r, size: t, isLoading: s, disabled: o, animate: i, className: l })),
+      ...m,
+      children: [
+        /* @__PURE__ */ e("span", { className: p, children: u }),
+        n && !s && /* @__PURE__ */ e("div", { className: d, children: /* @__PURE__ */ e(b, { type: n, size: o ? "sm" : g }) }),
+        s && /* @__PURE__ */ e("div", { className: d, children: /* @__PURE__ */ e(x, { size: "xs", variant: r === "white" ? "soft" : r }) }),
+        /* @__PURE__ */ e("div", { className: c })
+      ]
+    }
+  );
+}
+export {
+  j as Button
+};

package/dist/components/Card/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("../../index-BndgMvJa.cjs"),i=require("../../index-P5d-BEGS.cjs"),u=i.cva(["w-full rounded-[32px] overflow-hidden bg-background"],{variants:{padding:{none:"p-0",sm:"p-4",md:"p-6",lg:"p-8"},border:{true:"border border-surface-lo"},shadow:{true:"shadow-card"}},defaultVariants:{padding:"md",shadow:!1}});function c({className:e,padding:r,border:d,shadow:a,children:n,...o}){return s.jsx("div",{className:t.cn(u({border:d,shadow:a,padding:r,className:e})),...o,children:n})}exports.Card=c;

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

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+declare const cardStyles: (props?: ({
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+    border?: boolean | null | undefined;
+    shadow?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type CardProps = ComponentProps<'div'> & VariantProps<typeof cardStyles>;
+declare function Card({ className, padding, border, shadow, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+export { Card };

package/dist/components/Card/index.js

@@ -0,0 +1,29 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as t } from "../../index-DCn7qPZq.js";
+import { c } from "../../index-Dw-qpi3m.js";
+const p = c(["w-full rounded-[32px] overflow-hidden bg-background"], {
+  variants: {
+    padding: {
+      none: "p-0",
+      sm: "p-4",
+      md: "p-6",
+      lg: "p-8"
+    },
+    border: {
+      true: "border border-surface-lo"
+    },
+    shadow: {
+      true: "shadow-card"
+    }
+  },
+  defaultVariants: {
+    padding: "md",
+    shadow: !1
+  }
+});
+function l({ className: r, padding: d, border: a, shadow: o, children: e, ...s }) {
+  return /* @__PURE__ */ n("div", { className: t(p({ border: a, shadow: o, padding: d, className: r })), ...s, children: e });
+}
+export {
+  l as Card
+};

package/dist/components/Checkbox/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../index-BndgMvJa.cjs"),x=require("react"),p=require("../Text/index.cjs");function g({id:t,className:a,label:r,size:n="md",checked:i,disabled:s,note:u="",onToggle:c=()=>{}}){const l=o.cn(["inline-flex items-center gap-4"],a,{"opacity-30":s}),d=o.cn(["w-5 h-5 text-primary hover:bg-surface-lo border border-surface-mdlo rounded","focus:ring-transparent focus:ring-0 focus:outline-none cursor-pointer","disabled:cursor-auto",n==="sm"&&"w-4 h-4",n==="lg"&&"w-6 h-6"]),h=x.useCallback(m=>{c(m.target.checked)},[c]);return e.jsxs("div",{className:l,children:[e.jsx("input",{id:t,type:"checkbox",checked:i,className:d,onChange:h,disabled:s,title:u}),r&&e.jsx(p.Text,{as:"label",htmlFor:t,variant:"Label3",className:"text-inheret truncate",children:r})]})}exports.CheckBox=g;

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

@@ -0,0 +1,12 @@
+interface CheckboxProps {
+    id?: string;
+    className?: string;
+    label?: string | React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    checked?: boolean;
+    note?: string;
+    disabled?: boolean;
+    onToggle?: (checked: boolean) => void;
+}
+declare function CheckBox({ id, className, label, size, checked, disabled, note, onToggle }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export { CheckBox };

package/dist/components/Checkbox/index.js

@@ -0,0 +1,48 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { c as n } from "../../index-DCn7qPZq.js";
+import { useCallback as d } from "react";
+import { Text as x } from "../Text/index.js";
+function k({
+  id: e,
+  className: c,
+  label: r,
+  size: t = "md",
+  checked: i,
+  disabled: o,
+  note: l = "",
+  onToggle: a = () => {
+  }
+}) {
+  const m = n(["inline-flex items-center gap-4"], c, {
+    "opacity-30": o
+  }), u = n([
+    "w-5 h-5 text-primary hover:bg-surface-lo border border-surface-mdlo rounded",
+    "focus:ring-transparent focus:ring-0 focus:outline-none cursor-pointer",
+    "disabled:cursor-auto",
+    t === "sm" && "w-4 h-4",
+    t === "lg" && "w-6 h-6"
+  ]), p = d(
+    (h) => {
+      a(h.target.checked);
+    },
+    [a]
+  );
+  return /* @__PURE__ */ f("div", { className: m, children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        id: e,
+        type: "checkbox",
+        checked: i,
+        className: u,
+        onChange: p,
+        disabled: o,
+        title: l
+      }
+    ),
+    r && /* @__PURE__ */ s(x, { as: "label", htmlFor: e, variant: "Label3", className: "text-inheret truncate", children: r })
+  ] });
+}
+export {
+  k as CheckBox
+};

package/dist/components/CopyValue/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../index-BndgMvJa.cjs"),g=require("../../index-P5d-BEGS.cjs"),c=require("react"),a=require("../Text/index.cjs"),l=require("../Icon/index.cjs"),u=require("../Tooltip/index.cjs"),j=g.cva(["flex items-center justify-center gap-3 group","bg-surface-ulo py-2 px-3 rounded-3xl text-surface-md"],{variants:{isSecret:{true:"backdrop-blur-md"}},defaultVariants:{isSecret:!1}});function f({label:i,value:r,isSecret:s,className:d,onCopy:t,...x}){const[n,p]=c.useState(s),h=c.useCallback(()=>{navigator.clipboard.writeText(r),t==null||t()},[r,t]),m=o.cn("text-inherit group-hover:text-foreground truncate",{blur:n});return e.jsxs("div",{className:o.cn(j({isSecret:s,className:d})),...x,children:[i&&e.jsx(a.Text,{className:"text-inherit text-nowrap",variant:"StyledLabel",as:"span",children:i}),e.jsx(a.Text,{className:m,variant:"P3",as:"p",children:r}),s&&e.jsx(u.Tooltip,{label:n?"Show":"Hide",children:e.jsx("button",{onClick:()=>p(b=>!b),children:e.jsx(l.Icon,{className:"text-inherit group-hover:text-foreground",type:n?"eye":"eyeSlash",size:"sm"})})}),e.jsx(u.Tooltip,{label:"Copy",children:e.jsx("button",{onClick:h,children:e.jsx(l.Icon,{className:"text-inherit group-hover:text-foreground",type:"copy",size:"sm"})})})]})}exports.CopyValue=f;

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

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+declare const copyValueStyles: (props?: ({
+    isSecret?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type CopyValueProps = ComponentProps<'div'> & VariantProps<typeof copyValueStyles> & {
+    value: string;
+    label?: string;
+    onCopy?: () => void;
+};
+declare function CopyValue({ label, value, isSecret, className, onCopy, ...props }: CopyValueProps): import("react/jsx-runtime").JSX.Element;
+export { CopyValue };

package/dist/components/CopyValue/index.js

@@ -0,0 +1,46 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { c as o } from "../../index-DCn7qPZq.js";
+import { c as b } from "../../index-Dw-qpi3m.js";
+import { useState as g, useCallback as v } from "react";
+import { Text as n } from "../Text/index.js";
+import { Icon as c } from "../Icon/index.js";
+import { Tooltip as l } from "../Tooltip/index.js";
+const y = b(
+  [
+    "flex items-center justify-center gap-3 group",
+    "bg-surface-ulo py-2 px-3 rounded-3xl text-surface-md"
+  ],
+  {
+    variants: {
+      isSecret: {
+        true: "backdrop-blur-md"
+      }
+    },
+    defaultVariants: {
+      isSecret: !1
+    }
+  }
+);
+function V({ label: i, value: r, isSecret: a, className: d, onCopy: t, ...m }) {
+  const [s, u] = g(a), p = v(() => {
+    navigator.clipboard.writeText(r), t == null || t();
+  }, [r, t]), f = o("text-inherit group-hover:text-foreground truncate", {
+    blur: s
+  });
+  return /* @__PURE__ */ x("div", { className: o(y({ isSecret: a, className: d })), ...m, children: [
+    i && /* @__PURE__ */ e(n, { className: "text-inherit text-nowrap", variant: "StyledLabel", as: "span", children: i }),
+    /* @__PURE__ */ e(n, { className: f, variant: "P3", as: "p", children: r }),
+    a && /* @__PURE__ */ e(l, { label: s ? "Show" : "Hide", children: /* @__PURE__ */ e("button", { onClick: () => u((h) => !h), children: /* @__PURE__ */ e(
+      c,
+      {
+        className: "text-inherit group-hover:text-foreground",
+        type: s ? "eye" : "eyeSlash",
+        size: "sm"
+      }
+    ) }) }),
+    /* @__PURE__ */ e(l, { label: "Copy", children: /* @__PURE__ */ e("button", { onClick: p, children: /* @__PURE__ */ e(c, { className: "text-inherit group-hover:text-foreground", type: "copy", size: "sm" }) }) })
+  ] });
+}
+export {
+  V as CopyValue
+};

package/dist/components/DiditAnimatedLogo/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../index-BndgMvJa.cjs"),r=require("../../index-P5d-BEGS.cjs"),l=r.cva(["relative flex items-center justify-center overflow-hidden","rounded-full md:w-[1-px]"],{variants:{size:{smaller:"w-[32px] h-[42px]",small:"w-[52px] h-[69px]",medium:"w-[70px] h-[93px] md:w-[100px] md:h-[133px]",large:"w-[100px] h-[133px] md:w-[130px] md:h-[173px]"}},defaultVariants:{size:"medium"}});function o({size:d,animate:a=!0,backgroundClassName:s,gradientColors:e={from:"#493dd1",via:"#2a57f6",to:"#9ecffb"}}){const n=i.cn("p-3.5 w-[150%] h-[120%] absolute -top-[10%] -left-1/4 rounded-full",{"animate-spin":a});return t.jsxs("div",{className:l({size:d}),style:{transform:"translate3d(0, 0, 0)",backfaceVisibility:"hidden"},children:[t.jsx("div",{className:n,style:{background:`linear-gradient(to bottom left, ${e.from} 10%, ${e.via} 30%, ${e.to} 70%)`}}),t.jsx("div",{className:i.cn("relative z-20 w-3/4 h-[80%] rounded-full bg-background",s)})]})}exports.DiditAnimatedLogo=o;

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

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+declare const diditAnimatedLogoStyles: (props?: ({
+    size?: "small" | "smaller" | "medium" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type DiditAnimatedLogoProps = VariantProps<typeof diditAnimatedLogoStyles> & {
+    animate?: boolean;
+    backgroundClassName?: string;
+    gradientColors?: {
+        from: string;
+        via: string;
+        to: string;
+    };
+};
+declare function DiditAnimatedLogo({ size, animate, backgroundClassName, gradientColors }: DiditAnimatedLogoProps): import("react/jsx-runtime").JSX.Element;
+export { DiditAnimatedLogo };

package/dist/components/DiditAnimatedLogo/index.js

@@ -0,0 +1,55 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { c as a } from "../../index-DCn7qPZq.js";
+import { c as l } from "../../index-Dw-qpi3m.js";
+const o = l(
+  [
+    "relative flex items-center justify-center overflow-hidden",
+    "rounded-full md:w-[1-px]"
+  ],
+  {
+    variants: {
+      size: {
+        smaller: "w-[32px] h-[42px]",
+        small: "w-[52px] h-[69px]",
+        medium: "w-[70px] h-[93px] md:w-[100px] md:h-[133px]",
+        large: "w-[100px] h-[133px] md:w-[130px] md:h-[173px]"
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
+function c({
+  size: i,
+  animate: d = !0,
+  backgroundClassName: r,
+  gradientColors: e = { from: "#493dd1", via: "#2a57f6", to: "#9ecffb" }
+}) {
+  const s = a("p-3.5 w-[150%] h-[120%] absolute -top-[10%] -left-1/4 rounded-full", {
+    "animate-spin": d
+  });
+  return /* @__PURE__ */ m("div", { className: o({ size: i }), style: { transform: "translate3d(0, 0, 0)", backfaceVisibility: "hidden" }, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: s,
+        style: {
+          background: `linear-gradient(to bottom left, ${e.from} 10%, ${e.via} 30%, ${e.to} 70%)`
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: a(
+          "relative z-20 w-3/4 h-[80%] rounded-full bg-background",
+          r
+        )
+      }
+    )
+  ] });
+}
+export {
+  c as DiditAnimatedLogo
+};