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

package/dist/StatCard/StatCard.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+
+export type DeltaTone = "positive" | "negative" | "neutral";
+export type StatCardProps = {
+    label: string;
+    value: string;
+    loading?: boolean;
+    /** Reserve a skeleton slot for the change line while `loading` is true. */
+    hasChangeSlot?: boolean;
+    change?: {
+        label: string;
+        value: string;
+        tone: DeltaTone;
+    };
+    /** Subtitle rendered under the value when no `change` is provided. */
+    description?: ReactNode;
+    className?: string;
+};
+/** Metric card showing a label, value, optional change row (with tone), and a loading skeleton. */
+export declare const StatCard: ({ label, value, loading, hasChangeSlot, change, description, className, }: StatCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/StatCard/index.d.ts

@@ -0,0 +1,2 @@
+export { StatCard } from './StatCard';
+export type { StatCardProps, DeltaTone } from './StatCard';

package/dist/StatCard/index.js

@@ -0,0 +1,42 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { Typography as f } from "../Typography/index.js";
+import { cn as c } from "../utils/index.js";
+const h = {
+  positive: "gf-text-primaryGreen",
+  negative: "gf-text-primaryPink",
+  neutral: "gf-text-midGrey"
+}, x = ({
+  label: t,
+  value: m,
+  loading: g,
+  hasChangeSlot: a,
+  change: r,
+  description: i,
+  className: l
+}) => {
+  const d = !!(r || i || a);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: c(
+        "gf-bg-white/30 gf-rounded-xl gf-p-3 md:gf-p-4 gf-flex gf-flex-col gf-gap-4",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ s("div", { className: "gf-flex gf-flex-col gf-gap-1.5", children: [
+          /* @__PURE__ */ e(f, { size: "h5", weight: "regular", children: t }),
+          g ? /* @__PURE__ */ e("div", { className: "gf-h-7 gf-w-14 sm:gf-w-20 gf-bg-primaryMist/90 gf-rounded-md gf-animate-pulse" }) : /* @__PURE__ */ e(f, { size: "h4", weight: "medium", className: "sm:gf-text-xl", children: m })
+        ] }),
+        g && d && /* @__PURE__ */ e("div", { className: "gf-h-4 gf-w-24 sm:gf-w-32 gf-bg-primaryMist/90 gf-rounded-md gf-animate-pulse" }),
+        r && !g && /* @__PURE__ */ s("div", { className: "gf-flex gf-items-center gf-gap-1.5", children: [
+          /* @__PURE__ */ e(f, { size: "h5", weight: "regular", className: "gf-text-midGrey", children: r.label }),
+          /* @__PURE__ */ e(f, { size: "h5", weight: "medium", className: h[r.tone], children: r.value })
+        ] }),
+        !r && !g && i && /* @__PURE__ */ e(f, { size: "h5", weight: "regular", className: "gf-text-midGrey", children: i })
+      ]
+    }
+  );
+};
+export {
+  x as StatCard
+};

package/dist/StateContainer/StateContainer.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export type StateContainerProps = {
+    children: ReactNode;
+    className?: string;
+};
+/** Full-height centered container with a frosted card shell. Used by EmptyState and ErrorState. */
+export declare const StateContainer: ({ children, className }: StateContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/StateContainer/index.d.ts

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

package/dist/StateContainer/index.js

@@ -0,0 +1,15 @@
+import { jsx as f } from "react/jsx-runtime";
+import { cn as t } from "../utils/index.js";
+const i = ({ children: e, className: g }) => /* @__PURE__ */ f(
+  "div",
+  {
+    className: t(
+      "gf-flex gf-items-center gf-justify-center gf-w-full gf-min-h-[400px] gf-h-[70dvh]",
+      g
+    ),
+    children: /* @__PURE__ */ f("div", { className: "gf-bg-white/50 gf-rounded-2xl gf-w-full gf-h-full gf-flex gf-flex-col gf-items-center gf-justify-center gf-gap-3 gf-text-center gf-px-12 gf-py-12", children: e })
+  }
+);
+export {
+  i as StateContainer
+};

package/dist/StatusChip/StatusChip.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+export type StatusChipTone = "success" | "info" | "warning" | "caution" | "danger" | "muted" | "mutedGrey" | "white" | "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+/** Alias for backward compatibility */
+export type ChipTone = StatusChipTone;
+export type StatusChipProps = {
+    tone?: StatusChipTone;
+    children: ReactNode;
+    className?: string;
+};
+export declare const StatusChip: ({ tone, children, className }: StatusChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/StatusChip/index.d.ts

@@ -0,0 +1,2 @@
+export { StatusChip } from './StatusChip';
+export type { StatusChipProps, StatusChipTone, ChipTone } from './StatusChip';

package/dist/StatusChip/index.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Typography as t } from "../Typography/index.js";
+import { cn as i } from "../utils/index.js";
+const o = {
+  success: "gf-bg-lightGreen",
+  info: "gf-bg-lightBlue",
+  warning: "gf-bg-[#FFE6B2]",
+  caution: "gf-bg-orange-100",
+  danger: "gf-bg-[#FFD1DD]",
+  muted: "gf-bg-primaryMist",
+  mutedGrey: "gf-bg-midGrey/50",
+  white: "gf-bg-white/30",
+  GET: "gf-bg-lightGreen",
+  POST: "gf-bg-lightBlue",
+  PUT: "gf-bg-yellow-100",
+  PATCH: "gf-bg-orange-100",
+  DELETE: "gf-bg-red-100"
+}, l = ({ tone: g, children: e, className: f }) => /* @__PURE__ */ r(
+  t,
+  {
+    size: "h5",
+    weight: "regular",
+    className: i(
+      "gf-rounded-full gf-px-2 gf-py-1 gf-text-xs gf-font-medium",
+      g && o[g],
+      f
+    ),
+    children: e
+  }
+);
+export {
+  l as StatusChip
+};

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+export declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;

package/dist/Switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch } from './Switch';

package/dist/Switch/index.js

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Root as g, Thumb as f } from "../node_modules/@radix-ui/react-switch/dist/index.js";
+import { cn as e } from "../utils/index.js";
+function o({
+  className: r,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "data-slot": "switch",
+      className: e(
+        "gf-cursor-pointer data-[state=checked]:gf-bg-primaryIris data-[state=unchecked]:gf-bg-light-grey gf-inline-flex gf-h-[1.15rem] gf-w-8 gf-shrink-0 gf-items-center gf-rounded-full gf-border gf-border-transparent gf-shadow-sm gf-transition-all gf-outline-none focus-visible:gf-ring-2 focus-visible:gf-ring-primaryIris disabled:gf-cursor-not-allowed disabled:gf-opacity-50",
+        r
+      ),
+      ...a,
+      children: /* @__PURE__ */ t(
+        f,
+        {
+          "data-slot": "switch-thumb",
+          className: e(
+            "gf-pointer-events-none gf-block gf-size-4 gf-rounded-full gf-ring-0 gf-transition-transform data-[state=checked]:gf-translate-x-[calc(100%-2px)] data-[state=unchecked]:gf-translate-x-0 data-[state=checked]:gf-bg-light-grey data-[state=unchecked]:gf-bg-dark-grey"
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  o as Switch
+};

package/dist/Toast/Toast.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/Toast/Toast.js

@@ -0,0 +1,93 @@
+import { jsx as f } from "react/jsx-runtime";
+import * as s from "react";
+import { Provider as m, Root as i, Action as r, Close as g, Description as n, Title as l, Viewport as d } from "../node_modules/@radix-ui/react-toast/dist/index.js";
+import { cva as c } from "class-variance-authority";
+import { cn as o } from "../utils/index.js";
+import x from "../node_modules/lucide-react/dist/esm/icons/x.js";
+const V = m, u = s.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ f(
+  d,
+  {
+    ref: e,
+    className: o(
+      "gf-fixed gf-text-primaryIris gf-z-[100] gf-flex gf-max-h-screen gf-w-full gf-max-w-[420px] gf-flex-col gf-p-4",
+      a
+    ),
+    ...t
+  }
+));
+u.displayName = d.displayName;
+const w = c(
+  "gf-group gf-pointer-events-auto gf-relative gf-flex gf-w-full gf-items-center gf-justify-between gf-space-x-4 gf-overflow-hidden gf-rounded-xl gf-p-6 gf-pr-8 gf-shadow-[0_8px_24px_-12px_rgba(71,60,117,0.15)] gf-backdrop-blur-lg [-webkit-backdrop-filter:blur(12px)] gf-transition-all data-[swipe=cancel]:gf-translate-x-0 data-[swipe=end]:gf-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:gf-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:gf-transition-none data-[state=open]:gf-animate-in data-[state=closed]:gf-animate-out data-[swipe=end]:gf-animate-out data-[state=closed]:gf-fade-out-80 data-[state=closed]:gf-slide-out-to-right-full data-[state=open]:gf-slide-in-from-top-full data-[state=open]:sm:gf-slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "gf-bg-white/70",
+        destructive: "gf-bg-[#FFD1DD]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), y = s.forwardRef(({ className: a, variant: t, ...e }, p) => /* @__PURE__ */ f(
+  i,
+  {
+    ref: p,
+    className: o(w({ variant: t }), a),
+    ...e
+  }
+));
+y.displayName = i.displayName;
+const N = s.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ f(
+  r,
+  {
+    ref: e,
+    className: o(
+      "gf-inline-flex gf-h-8 gf-shrink-0 gf-items-center gf-justify-center gf-rounded-md gf-px-3 gf-text-sm gf-font-medium gf-transition-colors focus:gf-outline-none disabled:gf-pointer-events-none disabled:gf-opacity-50",
+      a
+    ),
+    ...t
+  }
+));
+N.displayName = r.displayName;
+const v = s.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ f(
+  g,
+  {
+    ref: e,
+    className: o(
+      "gf-absolute gf-right-2 gf-top-2 gf-rounded-md gf-p-1 gf-text-primaryIris/50 gf-transition-opacity hover:gf-text-primaryIris focus:gf-outline-none",
+      a
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ f(x, { className: "gf-h-4 gf-w-4" })
+  }
+));
+v.displayName = g.displayName;
+const b = s.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ f(
+  l,
+  {
+    ref: e,
+    className: o("gf-text-sm gf-font-semibold gf-text-primaryIris", a),
+    ...t
+  }
+));
+b.displayName = l.displayName;
+const h = s.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ f(
+  n,
+  {
+    ref: e,
+    className: o("gf-text-sm gf-opacity-90 gf-text-primaryIris", a),
+    ...t
+  }
+));
+h.displayName = n.displayName;
+export {
+  y as Toast,
+  N as ToastAction,
+  v as ToastClose,
+  h as ToastDescription,
+  V as ToastProvider,
+  b as ToastTitle,
+  u as ToastViewport
+};

package/dist/Toast/Toaster.d.ts

@@ -0,0 +1,5 @@
+export type ToastPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
+export type ToasterProps = {
+    position?: ToastPosition;
+};
+export declare function Toaster({ position }: ToasterProps): import("react/jsx-runtime").JSX.Element;

package/dist/Toast/Toaster.js

@@ -0,0 +1,30 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useToast as n } from "./useToast.js";
+import { ToastProvider as l, Toast as m, ToastTitle as p, ToastDescription as c, ToastClose as h, ToastViewport as T } from "./Toast.js";
+const b = {
+  "bottom-right": "gf-bottom-6 gf-right-6",
+  "bottom-left": "gf-bottom-6 gf-left-6",
+  "bottom-center": "gf-bottom-6 gf-left-1/2 gf--translate-x-1/2",
+  "top-right": "gf-top-6 gf-right-6",
+  "top-left": "gf-top-6 gf-left-6",
+  "top-center": "gf-top-6 gf-left-1/2 gf--translate-x-1/2"
+};
+function j({ position: f = "bottom-right" }) {
+  const { toasts: s } = n();
+  return /* @__PURE__ */ o(l, { children: [
+    s.map(function({ id: g, title: r, description: e, action: i, ...a }) {
+      return /* @__PURE__ */ o(m, { ...a, children: [
+        /* @__PURE__ */ o("div", { className: "gf-grid gf-gap-1", children: [
+          r && /* @__PURE__ */ t(p, { children: r }),
+          e && /* @__PURE__ */ t(c, { children: e })
+        ] }),
+        i,
+        /* @__PURE__ */ t(h, {})
+      ] }, g);
+    }),
+    /* @__PURE__ */ t(T, { className: b[f] })
+  ] });
+}
+export {
+  j as Toaster
+};

package/dist/Toast/index.d.ts

@@ -0,0 +1,5 @@
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, } from './Toast';
+export { Toaster } from './Toaster';
+export type { ToasterProps, ToastPosition } from './Toaster';
+export { useToast, toast, reducer } from './useToast';
+export type { ToasterToast } from './useToast';

package/dist/Toast/index.js

@@ -0,0 +1,16 @@
+import { Toast as r, ToastAction as s, ToastClose as e, ToastDescription as a, ToastProvider as T, ToastTitle as i, ToastViewport as p } from "./Toast.js";
+import { Toaster as f } from "./Toaster.js";
+import { reducer as x, toast as d, useToast as l } from "./useToast.js";
+export {
+  r as Toast,
+  s as ToastAction,
+  e as ToastClose,
+  a as ToastDescription,
+  T as ToastProvider,
+  i as ToastTitle,
+  p as ToastViewport,
+  f as Toaster,
+  x as reducer,
+  d as toast,
+  l as useToast
+};

package/dist/Toast/useToast.d.ts

@@ -0,0 +1,46 @@
+import { ToastActionElement, ToastProps } from './Toast';
+import * as React from 'react';
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+    loading?: boolean;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType['ADD_TOAST'];
+    toast: ToasterToast;
+} | {
+    type: ActionType['UPDATE_TOAST'];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType['DISMISS_TOAST'];
+    toastId?: ToasterToast['id'];
+} | {
+    type: ActionType['REMOVE_TOAST'];
+    toastId?: ToasterToast['id'];
+};
+type State = {
+    toasts: ToasterToast[];
+};
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, 'id'>;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };
+export type { ToasterToast };

package/dist/Toast/useToast.js

@@ -0,0 +1,76 @@
+import * as c from "react";
+const d = 1, p = 5e3;
+let u = 0;
+function A() {
+  return u = (u + 1) % Number.MAX_SAFE_INTEGER, u.toString();
+}
+const a = /* @__PURE__ */ new Map(), S = (t) => {
+  if (a.has(t)) return;
+  const s = setTimeout(() => {
+    a.delete(t), n({ type: "REMOVE_TOAST", toastId: t });
+  }, p);
+  a.set(t, s);
+}, f = (t, s) => {
+  switch (s.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [s.toast, ...t.toasts].slice(0, d)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map(
+          (e) => e.id === s.toast.id ? { ...e, ...s.toast } : e
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: e } = s;
+      return e ? S(e) : t.toasts.forEach((o) => S(o.id)), {
+        ...t,
+        toasts: t.toasts.map(
+          (o) => o.id === e || e === void 0 ? { ...o, open: !1 } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return s.toastId === void 0 ? { ...t, toasts: [] } : {
+        ...t,
+        toasts: t.toasts.filter((e) => e.id !== s.toastId)
+      };
+  }
+}, r = [];
+let T = { toasts: [] };
+function n(t) {
+  T = f(T, t), r.forEach((s) => s(T));
+}
+function O({ ...t }) {
+  const s = A(), e = (i) => n({ type: "UPDATE_TOAST", toast: { ...i, id: s } }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
+  return n({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: s,
+      open: !0,
+      onOpenChange: (i) => {
+        i || o();
+      }
+    }
+  }), { id: s, dismiss: o, update: e };
+}
+function E() {
+  const [t, s] = c.useState(T);
+  return c.useEffect(() => (r.push(s), () => {
+    const e = r.indexOf(s);
+    e > -1 && r.splice(e, 1);
+  }), [t]), {
+    ...t,
+    toast: O,
+    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
+  };
+}
+export {
+  f as reducer,
+  O as toast,
+  E as useToast
+};

package/dist/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,15 @@
+export type ToggleOption<T extends string | number> = {
+    value: T;
+    label: string;
+};
+export type ToggleGroupProps<T extends string | number> = {
+    options: readonly ToggleOption<T>[];
+    value: T;
+    onChange?: (value: T) => void;
+    layoutId: string;
+    disabled?: boolean;
+    className?: string;
+    ariaLabel?: string;
+};
+/** Tab-style toggle with a shared framer-motion layout animation on the active indicator. `layoutId` must be unique per page instance. */
+export declare const ToggleGroup: <T extends string | number>({ options, value, onChange, layoutId, disabled, className, ariaLabel, }: ToggleGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/ToggleGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleGroup } from './ToggleGroup';
+export type { ToggleGroupProps, ToggleOption } from './ToggleGroup';

package/dist/ToggleGroup/index.js

@@ -0,0 +1,57 @@
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { AnimatePresence as u, motion as m } from "framer-motion";
+import { Typography as d } from "../Typography/index.js";
+import { cn as f } from "../utils/index.js";
+const x = ({
+  options: s,
+  value: a,
+  onChange: t,
+  layoutId: g,
+  disabled: i,
+  className: n,
+  ariaLabel: o
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    role: "tablist",
+    "aria-label": o,
+    className: f(
+      "gf-relative gf-inline-flex gf-items-center gf-rounded-full gf-bg-white/30",
+      i && "gf-opacity-70",
+      n
+    ),
+    children: s.map((e) => {
+      const r = e.value === a;
+      return /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": r,
+          disabled: i,
+          onClick: () => t == null ? void 0 : t(e.value),
+          className: f(
+            "gf-relative gf-rounded-full focus:gf-outline-none gf-px-4 gf-py-2 gf-flex gf-items-center gf-justify-center",
+            "disabled:gf-cursor-not-allowed"
+          ),
+          children: [
+            /* @__PURE__ */ l(d, { size: "h4", weight: "regular", className: "gf-relative gf-z-10", children: e.label }),
+            /* @__PURE__ */ l(u, { children: r && /* @__PURE__ */ l(
+              m.div,
+              {
+                layoutId: g,
+                className: "gf-absolute gf-inset-0 gf-rounded-full gf-bg-white/70",
+                initial: !1,
+                transition: { type: "spring", stiffness: 250, damping: 30 }
+              }
+            ) })
+          ]
+        },
+        String(e.value)
+      );
+    })
+  }
+);
+export {
+  x as ToggleGroup
+};

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
-type SizeVariants = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-type WeightVariants = "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black";
+export type SizeVariants = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type WeightVariants = "thin" | "light" | "regular" | "medium" | "semibold" | "bold" | "heavy" | "black";
 type breakpointVariants = "xs" | "sm" | "md" | "lg" | "xl";
 type Breakpoints = {
     [K in breakpointVariants]?: SizeVariants;

package/dist/Viewport/Viewport.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+export type Viewport = "mobile" | "smallTab" | "desktop";
+/** Returns the current viewport from the nearest ViewportProvider. Defaults to `"desktop"` when no provider is present. */
+export declare const useViewport: () => Viewport;
+export type ViewportProviderProps = {
+    value: Viewport;
+    children: ReactNode;
+};
+/** Provides a `Viewport` value to descendants. Wrap your app root (or a layout shell) with this. */
+export declare const ViewportProvider: ({ value, children }: ViewportProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Viewport/index.d.ts

@@ -0,0 +1,2 @@
+export { ViewportProvider, useViewport } from './Viewport';
+export type { Viewport, ViewportProviderProps } from './Viewport';

package/dist/Viewport/index.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as i, createContext as p } from "react";
+const o = p("desktop"), x = () => i(o), c = ({ value: t, children: e }) => /* @__PURE__ */ r(o.Provider, { value: t, children: e });
+export {
+  c as ViewportProvider,
+  x as useViewport
+};

package/dist/index.d.ts

@@ -11,11 +11,35 @@ export * from './components/atoms/Modal';
 export * from './components/atoms/Opacity';
 export * from './components/atoms/Sidebar';
 export * from './components/atoms/ClientOnly';
+export * from './components/atoms/Input';
+export * from './components/atoms/Field';
+export * from './components/atoms/StatCard';
+export * from './components/atoms/ToggleGroup';
+export * from './components/atoms/Pagination';
+export * from './components/atoms/HamburgerIcon';
+export * from './components/atoms/BulletList';
+export * from './components/atoms/Portal';
+export * from './components/atoms/Viewport';
 export * from './components/molecules/Chip';
 export * from './components/molecules/GradientScroll';
 export * from './components/molecules/InfoBadge';
 export * from './components/molecules/TokenInfo';
 export * from './components/molecules/TokenNetworkLogos';
+export * from './components/molecules/StatusChip';
+export * from './components/molecules/StateContainer';
+export * from './components/molecules/EmptyState';
+export * from './components/molecules/ErrorState';
+export * from './components/molecules/InfoTooltip';
+export * from './components/molecules/SelectDropdown';
+export * from './components/molecules/ResponsiveModal';
+export * from './components/molecules/Toast';
 export * from './components/organisms/BlogCard';
 export * from './components/organisms/Footer';
 export * from './components/organisms/QuestCard';
+export * from './components/organisms/DataTable';
+export * from './components/organisms/CardList';
+export * from './components/organisms/DashboardLayout';
+export * from './components/atoms/OTPInput';
+export * from './components/atoms/DirectionalIconHover';
+export * from './components/atoms/Skeleton';
+export * from './components/atoms/Switch';