@gardenfi/garden-book 0.2.31 → 0.3.0-beta.2

package/dist/DataTable/useAnimatedTable.d.ts

@@ -0,0 +1,8 @@
+export declare const useAnimatedTable: (loading: boolean, count: number, skeletonCount?: number, layoutKey?: string) => {
+    tableRef: import('react').RefObject<HTMLDivElement | null>;
+    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
+    measuredHeight: number;
+    animatedKeys: import('react').RefObject<Set<string>>;
+    wasPreloaded: import('react').RefObject<boolean>;
+    skeletonCount: number;
+};

package/dist/DataTable/useAnimatedTable.js

@@ -0,0 +1,44 @@
+import { useRef as t, useState as b, useEffect as v, useLayoutEffect as w } from "react";
+const x = (a, h, g = 6, s) => {
+  const f = t(null), l = t(null), [d, m] = b(0), r = t(null), n = t(null), p = t(!a && h > 0), H = t(/* @__PURE__ */ new Set());
+  return v(() => {
+    if (s !== void 0) return;
+    const e = f.current;
+    if (!e) return;
+    const c = new ResizeObserver(() => m(e.offsetHeight));
+    return c.observe(e), () => c.disconnect();
+  }, [s]), w(() => {
+    if (s === void 0) return;
+    const e = l.current;
+    if (!e) return;
+    const c = n.current;
+    let u;
+    c ? (u = e.offsetHeight, c.cancel(), n.current = null) : u = r.current ?? e.offsetHeight;
+    const i = e.offsetHeight;
+    if (r.current === null) {
+      r.current = i;
+      return;
+    }
+    if (u === i) {
+      r.current = i;
+      return;
+    }
+    const o = e.animate(
+      [{ height: `${u}px` }, { height: `${i}px` }],
+      { duration: 320, easing: "cubic-bezier(0.4, 0, 0.2, 1)" }
+    );
+    n.current = o, o.onfinish = () => {
+      n.current === o && (n.current = null);
+    }, r.current = i;
+  }, [s]), {
+    tableRef: f,
+    wrapperRef: l,
+    measuredHeight: d,
+    animatedKeys: H,
+    wasPreloaded: p,
+    skeletonCount: g
+  };
+};
+export {
+  x as useAnimatedTable
+};

package/dist/DirectionalIconHover/DirectionalIconHover.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+export type DirectionalIconHoverProps = {
+    icon: ReactNode;
+    direction?: "northeast" | "northwest" | "southeast" | "southwest";
+    distance?: number;
+    duration?: number;
+    isHovered?: boolean;
+    onHoverChange?: (hovered: boolean) => void;
+    className?: string;
+};
+export declare const DirectionalIconHover: ({ icon, direction, distance, duration, isHovered: controlledHovered, onHoverChange, className, }: DirectionalIconHoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/DirectionalIconHover/index.d.ts

@@ -0,0 +1,2 @@
+export { DirectionalIconHover } from './DirectionalIconHover';
+export type { DirectionalIconHoverProps } from './DirectionalIconHover';

package/dist/DirectionalIconHover/index.js

@@ -0,0 +1,72 @@
+import { jsxs as j, jsx as o } from "react/jsx-runtime";
+import { motion as a } from "framer-motion";
+import { useState as v } from "react";
+const M = ({
+  icon: s,
+  direction: l = "northeast",
+  distance: e = 20,
+  duration: f = 0.3,
+  isHovered: t,
+  onHoverChange: i,
+  className: m = "gf-h-5 gf-w-5"
+}) => {
+  const [X, u] = v(!1), r = t !== void 0 ? t : X, Y = () => {
+    t === void 0 && u(!0), i == null || i(!0);
+  }, y = () => {
+    t === void 0 && u(!1), i == null || i(!1);
+  }, p = () => {
+    switch (l) {
+      case "northeast":
+        return { exitX: e, exitY: -e, enterX: -e, enterY: e };
+      case "northwest":
+        return { exitX: -e, exitY: -e, enterX: e, enterY: e };
+      case "southeast":
+        return { exitX: e, exitY: e, enterX: -e, enterY: -e };
+      case "southwest":
+        return { exitX: -e, exitY: e, enterX: e, enterY: -e };
+      default:
+        return { exitX: e, exitY: -e, enterX: -e, enterY: e };
+    }
+  }, { exitX: g, exitY: c, enterX: x, enterY: n } = p();
+  return /* @__PURE__ */ j(
+    "div",
+    {
+      className: `gf-relative gf-flex gf-items-center gf-justify-center gf-overflow-hidden ${m}`,
+      onMouseEnter: t === void 0 ? Y : void 0,
+      onMouseLeave: t === void 0 ? y : void 0,
+      children: [
+        /* @__PURE__ */ o(
+          a.div,
+          {
+            initial: { x: 0, y: 0, opacity: 1 },
+            animate: {
+              x: r ? g : 0,
+              y: r ? c : 0,
+              opacity: r ? 0 : 1
+            },
+            transition: { duration: f, ease: "easeInOut" },
+            className: "gf-absolute gf-flex gf-items-center gf-justify-center",
+            children: s
+          }
+        ),
+        /* @__PURE__ */ o(
+          a.div,
+          {
+            initial: { x, y: n, opacity: 0 },
+            animate: {
+              x: r ? 0 : x,
+              y: r ? 0 : n,
+              opacity: r ? 1 : 0
+            },
+            transition: { duration: f, ease: "easeInOut" },
+            className: "gf-absolute gf-flex gf-items-center gf-justify-center",
+            children: s
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  M as DirectionalIconHover
+};

package/dist/EmptyState/EmptyState.d.ts

@@ -0,0 +1,20 @@
+export type EmptyStateAction = {
+    label: string;
+    onClick: () => void;
+};
+export type EmptyStateContentProps = {
+    title: string;
+    description?: string;
+    action?: EmptyStateAction;
+};
+/**
+ * Just the inner content. Render this directly when embedding an empty state
+ * inside an existing component shell (e.g., inside a table colspan row). For
+ * page-level empty states with the full bg-white/50 card, use EmptyState.
+ */
+export declare const EmptyStateContent: ({ title, description, action, }: EmptyStateContentProps) => import("react/jsx-runtime").JSX.Element;
+export type EmptyStateProps = EmptyStateContentProps & {
+    className?: string;
+};
+/** Full-page empty state card. Use `EmptyStateContent` directly when embedding inside an existing shell. */
+export declare const EmptyState: ({ className, ...props }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState, EmptyStateContent } from './EmptyState';
+export type { EmptyStateProps, EmptyStateContentProps, EmptyStateAction, } from './EmptyState';

package/dist/EmptyState/index.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Typography as f } from "../Typography/index.js";
+import { StateContainer as l } from "../StateContainer/index.js";
+const s = ({
+  title: t,
+  description: r,
+  action: g
+}) => /* @__PURE__ */ i("div", { className: "gf-flex gf-flex-col gf-justify-center gf-items-center gf-gap-2 gf-text-center gf-px-6 gf-max-w-md", children: [
+  /* @__PURE__ */ i("div", { className: "gf-flex gf-flex-col gf-items-center gf-gap-1", children: [
+    /* @__PURE__ */ e(f, { size: "h4", weight: "medium", children: t }),
+    r && /* @__PURE__ */ e(
+      f,
+      {
+        size: "h5",
+        weight: "regular",
+        className: "gf-whitespace-pre-line gf-text-midGrey",
+        children: r
+      }
+    )
+  ] }),
+  g && /* @__PURE__ */ e(
+    f,
+    {
+      size: "h5",
+      weight: "regular",
+      className: "gf-text-white gf-mt-1 gf-px-4 gf-py-1.5 gf-rounded-full gf-bg-primaryIris hover:gf-bg-primaryIris/90 gf-transition-colors gf-cursor-pointer",
+      onClick: g.onClick,
+      children: g.label
+    }
+  )
+] }), n = ({ className: t, ...r }) => /* @__PURE__ */ e(l, { className: t, children: /* @__PURE__ */ e(s, { ...r }) });
+export {
+  n as EmptyState,
+  s as EmptyStateContent
+};

package/dist/ErrorState/ErrorState.d.ts

@@ -0,0 +1,17 @@
+export type ErrorStateContentProps = {
+    status?: number;
+    message?: string;
+    onRetry?: () => void;
+};
+/**
+ * Inner content (icon, title, description, action button). Render this
+ * directly when embedding an error inside an existing component shell
+ * (e.g., inside a table colspan row). For page-level errors with the full
+ * bg-white/50 card, use ErrorState.
+ */
+export declare const ErrorStateContent: ({ status, message, onRetry }: ErrorStateContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ErrorStateProps = ErrorStateContentProps & {
+    className?: string;
+};
+/** Full-page error state card. Use `ErrorStateContent` directly when embedding inside an existing shell. */
+export declare const ErrorState: ({ className, ...props }: ErrorStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ErrorState/errorMessages.d.ts

@@ -0,0 +1,2 @@
+export declare function getFriendlyTitle(status?: number, message?: string): string;
+export declare function getFriendlyDescription(status?: number, message?: string): string;

package/dist/ErrorState/errorMessages.js

@@ -0,0 +1,13 @@
+function o(r, n) {
+  const e = (n == null ? void 0 : n.toLowerCase()) ?? "";
+  return e.includes("network error") ? "Connection issue" : e.includes("timed out") ? "Request timed out" : r === 401 ? "Session expired" : r === 403 ? "You don't have access to this resource" : r === 404 ? "Not found" : r === 502 || r === 503 ? "Temporarily unavailable" : "Something went wrong";
+}
+function i(r, n) {
+  const e = (n == null ? void 0 : n.toLowerCase()) ?? "";
+  return e.includes("network error") ? "Check your connection and try again." : e.includes("timed out") ? "The server took too long to respond." : r === 401 ? "Please sign in again to continue." : r === 403 ? "Contact your admin if this seems wrong." : r === 404 ? "We couldn't find what you're looking for." : r === 502 || r === 503 ? "We're working on it. Please try again shortly." : `Try refreshing the page. If the problem persists,
+contact support.`;
+}
+export {
+  i as getFriendlyDescription,
+  o as getFriendlyTitle
+};

package/dist/ErrorState/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorState, ErrorStateContent } from './ErrorState';
+export type { ErrorStateProps, ErrorStateContentProps } from './ErrorState';

package/dist/ErrorState/index.js

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { Typography as t } from "../Typography/index.js";
+import { StateContainer as f } from "../StateContainer/index.js";
+import { getFriendlyTitle as n, getFriendlyDescription as l } from "./errorMessages.js";
+import a from "../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+const m = ({ status: r, message: i, onRetry: o }) => {
+  const c = n(r, i), s = l(r, i);
+  return /* @__PURE__ */ g("div", { className: "gf-flex gf-flex-col gf-items-center gf-gap-2 gf-text-center gf-px-6 gf-max-w-md", children: [
+    /* @__PURE__ */ e(a, { className: "gf-w-7 gf-h-7 gf-text-primaryIris", strokeWidth: 1.5 }),
+    /* @__PURE__ */ g("div", { className: "gf-flex gf-flex-col gf-items-center gf-gap-1", children: [
+      /* @__PURE__ */ e(t, { size: "h3", weight: "medium", children: c }),
+      /* @__PURE__ */ e(
+        t,
+        {
+          size: "h5",
+          weight: "regular",
+          className: "gf-whitespace-pre-line gf-text-midGrey",
+          children: s
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ e(
+      t,
+      {
+        size: "h5",
+        weight: "regular",
+        className: "gf-text-white gf-mt-1 gf-px-4 gf-py-1.5 gf-rounded-full gf-bg-primaryIris hover:gf-bg-primaryIris/90 gf-transition-colors gf-cursor-pointer",
+        onClick: o,
+        children: r === 401 ? "Sign in" : r === 403 ? "Go to Dashboard" : "Try again"
+      }
+    )
+  ] });
+}, b = ({ className: r, ...i }) => /* @__PURE__ */ e(f, { className: r, children: /* @__PURE__ */ e(m, { ...i }) });
+export {
+  b as ErrorState,
+  m as ErrorStateContent
+};

package/dist/Field/Field.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { SizeVariants, WeightVariants } from '../Typography/Typography';
+
+export type FieldProps = {
+    label: ReactNode;
+    labelSize?: SizeVariants;
+    labelWeight?: WeightVariants;
+    hint?: ReactNode;
+    optional?: boolean;
+    children: ReactNode;
+    className?: string;
+};
+/** Form field wrapper with a label and optional hint text above the control. */
+export declare const Field: ({ label, labelSize, labelWeight, hint, optional, children, className }: FieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Field/index.d.ts

@@ -0,0 +1,2 @@
+export { Field } from './Field';
+export type { FieldProps } from './Field';

package/dist/Field/index.js

@@ -0,0 +1,14 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { Typography as i } from "../Typography/index.js";
+import { cn as a } from "../utils/index.js";
+const h = ({ label: f, labelSize: e = "h5", labelWeight: m = "medium", hint: g, optional: l, children: t, className: c }) => /* @__PURE__ */ s("div", { className: a("gf-flex gf-flex-col gf-gap-2", c), children: [
+  /* @__PURE__ */ s("div", { className: "gf-flex gf-items-center gf-gap-1.5 gf-pl-1.5", children: [
+    /* @__PURE__ */ r(i, { size: e, weight: m, children: f }),
+    l && /* @__PURE__ */ r(i, { size: e, weight: "regular", className: "gf-text-midGrey", children: "Optional" }),
+    g && /* @__PURE__ */ r(i, { size: e, weight: "regular", className: "gf-text-midGrey", children: g })
+  ] }),
+  t
+] });
+export {
+  h as Field
+};

package/dist/HamburgerIcon/HamburgerIcon.d.ts

@@ -0,0 +1,5 @@
+export type HamburgerIconProps = {
+    isOpen: boolean;
+};
+/** Animated three-bar icon that morphs into an × when `isOpen` is true. */
+export declare const HamburgerIcon: ({ isOpen }: HamburgerIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/HamburgerIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { HamburgerIcon } from './HamburgerIcon';
+export type { HamburgerIconProps } from './HamburgerIcon';

package/dist/HamburgerIcon/index.js

@@ -0,0 +1,47 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { motion as f } from "framer-motion";
+const o = ({ isOpen: a }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: `gf-z-[9999] gf-flex gf-h-8 gf-w-8 gf-cursor-pointer gf-flex-col gf-justify-center gf-gap-1 gf-rounded-full gf-p-2 gf-backdrop-blur-md gf-transition-all gf-duration-300 gf-ease-in-out ${a ? "gf-bg-white" : "gf-bg-white/50"}`,
+    children: [
+      /* @__PURE__ */ e(
+        f.span,
+        {
+          animate: a ? { y: 6, rotate: 45 } : { y: 0, rotate: 0 },
+          transition: {
+            duration: 0.3,
+            ease: "easeInOut",
+            y: { delay: a ? 0.1 : 0.2 },
+            rotate: { delay: a ? 0.2 : 0.1 }
+          },
+          className: "gf-block gf-h-px gf-w-full gf-origin-center gf-overflow-hidden gf-rounded-full gf-bg-primaryIris"
+        }
+      ),
+      /* @__PURE__ */ e(
+        f.span,
+        {
+          animate: a ? { width: 0, x: 8 } : { width: "100%", x: 0 },
+          transition: { duration: 0.2, ease: "easeInOut", delay: a ? 0 : 0.4 },
+          className: "gf-block gf-h-px gf-origin-center gf-overflow-hidden gf-rounded-full gf-bg-primaryIris"
+        }
+      ),
+      /* @__PURE__ */ e(
+        f.span,
+        {
+          animate: a ? { y: -4, rotate: -45 } : { y: 0, rotate: 0 },
+          transition: {
+            duration: 0.3,
+            ease: "easeInOut",
+            y: { delay: a ? 0.1 : 0.2 },
+            rotate: { delay: a ? 0.2 : 0.1 }
+          },
+          className: "gf-block gf-h-px gf-w-full gf-origin-center gf-overflow-hidden gf-rounded-full gf-bg-primaryIris"
+        }
+      )
+    ]
+  }
+);
+export {
+  o as HamburgerIcon
+};

package/dist/InfoTooltip/InfoTooltip.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+
+type Side = "top" | "right" | "bottom" | "left";
+export type InfoTooltipProps = {
+    /** The element that opens the tooltip on hover/focus. */
+    trigger: ReactNode;
+    /** Tooltip body — typically a short description and a few label/value rows. */
+    children: ReactNode;
+    side?: Side;
+    delayDuration?: number;
+    className?: string;
+};
+/**
+ * Dashboard-standard rich tooltip — white pill with a soft drop-shadow and a
+ * rotated rounded-square notch. Radix's `Arrow` primitive handles positioning
+ * so the notch always points at the trigger, even after collision flips/shifts.
+ * Notch offset adapts to Radix's actual rendered side (read from `data-side`),
+ * so collision-flipped tooltips stay aligned. Collides against `<main>` so it
+ * never extends over the sidebar.
+ */
+export declare const InfoTooltip: ({ trigger, children, side, delayDuration, className, }: InfoTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/InfoTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { InfoTooltip } from './InfoTooltip';
+export type { InfoTooltipProps } from './InfoTooltip';

package/dist/InfoTooltip/index.js

@@ -0,0 +1,81 @@
+import { jsx as f, jsxs as m } from "react/jsx-runtime";
+import { useState as u, useEffect as d, useRef as b } from "react";
+import { Provider as h, Root as x, Trigger as v, Content as y } from "../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { cn as p } from "../utils/index.js";
+const w = {
+  top: "gf-left-1/2 -gf-ml-1.5 -gf-bottom-1",
+  bottom: "gf-left-1/2 -gf-ml-1.5 -gf-top-1",
+  left: "gf-top-1/2 -gf-mt-1.5 -gf-right-1",
+  right: "gf-top-1/2 -gf-mt-1.5 -gf-left-1"
+}, O = ({ side: r, className: i, children: a, collisionBoundary: g }) => {
+  const n = b(null), [c, l] = u(r);
+  return d(() => {
+    const t = n.current;
+    if (!t) return;
+    const o = () => {
+      const s = t.getAttribute("data-side");
+      s && l(s);
+    };
+    o();
+    const e = new MutationObserver(o);
+    return e.observe(t, { attributes: !0, attributeFilter: ["data-side"] }), () => e.disconnect();
+  }, []), /* @__PURE__ */ m(
+    y,
+    {
+      ref: n,
+      side: r,
+      sideOffset: 10,
+      collisionPadding: 12,
+      collisionBoundary: g ?? void 0,
+      className: p(
+        "gf-relative gf-max-w-[260px] gf-rounded-2xl gf-bg-white gf-px-4 gf-py-3 gf-border-0 gf-overflow-visible",
+        "gf-shadow-[0_4px_12px_-4px_rgba(85,75,106,0.14)]",
+        "gf-text-primaryIris",
+        i
+      ),
+      children: [
+        a,
+        /* @__PURE__ */ f(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: p(
+              "gf-absolute gf-block gf-h-3 gf-w-3 gf-rotate-45 gf-rounded-[3px] gf-bg-white",
+              w[c]
+            )
+          }
+        )
+      ]
+    }
+  );
+}, B = ({
+  trigger: r,
+  children: i,
+  side: a = "top",
+  delayDuration: g = 150,
+  className: n
+}) => {
+  const [c, l] = u(null), [t, o] = u(!1);
+  return d(() => {
+    l(document.querySelector("main"));
+  }, []), d(() => {
+    if (!t) return;
+    const e = () => o(!1);
+    return document.addEventListener("touchstart", e, { passive: !0 }), () => document.removeEventListener("touchstart", e);
+  }, [t]), /* @__PURE__ */ f(h, { delayDuration: g, children: /* @__PURE__ */ m(x, { open: t, onOpenChange: o, children: [
+    /* @__PURE__ */ f(
+      v,
+      {
+        asChild: !0,
+        onTouchStart: (e) => {
+          e.stopPropagation(), o((s) => !s);
+        },
+        children: r
+      }
+    ),
+    /* @__PURE__ */ f(O, { side: a, className: n, collisionBoundary: c, children: i })
+  ] }) });
+};
+export {
+  B as InfoTooltip
+};

package/dist/Input/Input.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { SizeVariants, WeightVariants } from '../Typography/Typography';
+
+export type InputProps = Omit<React.ComponentProps<"input">, "size"> & {
+    label?: ReactNode;
+    labelSize?: SizeVariants;
+    labelWeight?: WeightVariants;
+    hint?: ReactNode;
+    optional?: boolean;
+    helperText?: ReactNode;
+    error?: boolean;
+    passwordToggle?: boolean;
+    copyable?: boolean;
+    adornmentRight?: ReactNode;
+    adornmentLeft?: ReactNode;
+    containerClassName?: string;
+};
+/** Text input with optional label, helper text, error state, password toggle, and copy button. */
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';

package/dist/Input/index.js

@@ -0,0 +1,113 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as S, useState as I } from "react";
+import { Typography as s } from "../Typography/index.js";
+import { CopyIcon as T } from "../Icons/CopyIcon.js";
+import { CheckIcon as H } from "../Icons/CheckIcon.js";
+import { cn as f } from "../utils/index.js";
+import q from "../node_modules/lucide-react/dist/esm/icons/eye-off.js";
+import A from "../node_modules/lucide-react/dist/esm/icons/eye.js";
+const X = S(function({
+  label: i,
+  labelSize: g = "h5",
+  labelWeight: C = "medium",
+  hint: l,
+  optional: v,
+  helperText: n,
+  error: m,
+  passwordToggle: E,
+  copyable: p,
+  adornmentLeft: d,
+  adornmentRight: h,
+  containerClassName: k,
+  className: b,
+  type: x,
+  disabled: y,
+  value: o,
+  ...j
+}, G) {
+  const [a, P] = I(!1), [z, u] = I(!1), c = E && x === "password", O = c && a ? "text" : x, w = c || p || h ? /* @__PURE__ */ r("div", { className: "gf-flex gf-items-center gf-gap-1.5", children: [
+    c && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: () => P((t) => !t),
+        className: "gf-flex gf-items-center gf-justify-center",
+        title: a ? "Hide" : "Show",
+        tabIndex: -1,
+        children: a ? /* @__PURE__ */ e(q, { className: "gf-h-4 gf-w-4 gf-text-primaryIris" }) : /* @__PURE__ */ e(A, { className: "gf-h-4 gf-w-4 gf-text-primaryIris" })
+      }
+    ),
+    p && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: async () => {
+          const t = o == null ? "" : String(o);
+          if (t)
+            try {
+              await navigator.clipboard.writeText(t), u(!0), setTimeout(() => u(!1), 1500);
+            } catch {
+            }
+        },
+        className: "gf-flex gf-items-center gf-justify-center",
+        title: "Copy",
+        tabIndex: -1,
+        children: z ? /* @__PURE__ */ e(H, { className: "gf-h-4 gf-w-4 gf-text-primaryIris" }) : /* @__PURE__ */ e(T, { className: "gf-h-4 gf-w-4 gf-text-primaryIris" })
+      }
+    ),
+    h
+  ] }) : null, N = /* @__PURE__ */ r(
+    "div",
+    {
+      className: f(
+        "gf-flex gf-items-center gf-gap-1.5 gf-bg-white/50 gf-rounded-xl gf-px-4 gf-py-2.5",
+        y && "gf-opacity-50 gf-cursor-not-allowed",
+        m && "gf-ring-1 gf-ring-primaryError"
+      ),
+      children: [
+        d && /* @__PURE__ */ e("div", { className: "gf-flex gf-items-center gf-shrink-0 gf-pointer-events-none", children: d }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: G,
+            type: O,
+            disabled: y,
+            value: o,
+            ...j,
+            className: f(
+              "gf-flex-1 gf-min-w-0 gf-text-sm gf-text-primaryIris gf-bg-transparent",
+              "placeholder:gf-text-midGrey",
+              "focus:gf-outline-none",
+              "disabled:gf-cursor-not-allowed",
+              b
+            )
+          }
+        ),
+        w && /* @__PURE__ */ e("div", { className: "gf-flex gf-items-center gf-shrink-0", children: w })
+      ]
+    }
+  );
+  return !i && !n ? N : /* @__PURE__ */ r("div", { className: f("gf-flex gf-flex-col gf-gap-1.5", k), children: [
+    i && /* @__PURE__ */ r("div", { className: "gf-flex gf-items-center gf-gap-1.5 gf-pl-1.5", children: [
+      /* @__PURE__ */ e(s, { size: g, weight: C, children: i }),
+      v && /* @__PURE__ */ e(s, { size: g, weight: "regular", className: "gf-text-midGrey", children: "Optional" }),
+      l && /* @__PURE__ */ e(s, { size: g, weight: "regular", className: "gf-text-midGrey", children: l })
+    ] }),
+    N,
+    n && /* @__PURE__ */ e(
+      s,
+      {
+        size: "h5",
+        weight: "regular",
+        className: f(
+          "gf-pl-2",
+          m ? "gf-text-primaryError" : "gf-text-midGrey"
+        ),
+        children: n
+      }
+    )
+  ] });
+});
+export {
+  X as Input
+};

package/dist/Logo/index.d.ts

@@ -35,4 +35,3 @@ export { GardenLogoMarkDark } from './GardenLogoMarkDark';
 export { GardenLogoMarkLight } from './GardenLogoMarkLight';
 export { GardenLogoDark } from './GardenLogoDark';
 export { GardenLogoLight } from './GardenLogoLight';
-export { Code4renaLogo } from './Code4renaLogo';