@calcom/atoms 2.8.7 → 2.9.0

package/dist/components/ui/button-group.js

@@ -0,0 +1,29 @@
+import { jsx as u } from "react/jsx-runtime";
+import i from "react";
+import { cn as a } from "../../lib/utils.js";
+const n = {
+  lg: "12px",
+  base: "8px",
+  sm: "10px",
+  xs: "8px"
+};
+function m({ children: d, combined: t = !1, containerProps: r }) {
+  var l;
+  const s = i.Children.toArray(d)[0], e = ((l = s == null ? void 0 : s.props) == null ? void 0 : l.size) || "base", o = n[e];
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ...r,
+      style: t ? { "--btn-group-radius": o } : void 0,
+      className: a(
+        "flex",
+        t ? "[&>*:first-child]:rounded-l-(--btn-group-radius) rtl:[&>*:first-child]:rounded-l-none rtl:[&>*:first-child]:rounded-r-(--btn-group-radius) [&>*:last-child]:rounded-r-(--btn-group-radius) rtl:[&>*:last-child]:rounded-l-(--btn-group-radius) rtl:[&>*:last-child]:rounded-r-none [&>*:not(:first-child)]:-ml-px *:rounded-none *:border hover:*:z-1" : "space-x-2 rtl:space-x-reverse",
+        r == null ? void 0 : r.className
+      ),
+      children: d
+    }
+  );
+}
+export {
+  m as ButtonGroup
+};

package/dist/components/ui/button.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from 'class-variance-authority';
+import { LinkProps } from 'next/link';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { IconName } from './icon';
+declare const buttonClasses: (props?: ({
+    variant?: "button" | "icon" | "fab" | null | undefined;
+    color?: "primary" | "secondary" | "minimal" | "destructive" | null | undefined;
+    size?: "base" | "xs" | "sm" | "lg" | null | undefined;
+    loading?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+type InferredVariantProps = VariantProps<typeof buttonClasses>;
+export type ButtonColor = NonNullable<InferredVariantProps["color"]>;
+export type ButtonVariant = NonNullable<InferredVariantProps["variant"]>;
+type ButtonBaseProps = {
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    CustomStartIcon?: ReactNode;
+    StartIcon?: IconName;
+    EndIcon?: IconName;
+    shallow?: boolean;
+    tooltip?: string | ReactNode;
+    tooltipSide?: "top" | "right" | "bottom" | "left";
+    tooltipOffset?: number;
+    tooltipClassName?: string;
+    loading?: boolean;
+    color?: ButtonColor;
+    variant?: ButtonVariant;
+    size?: InferredVariantProps["size"];
+    flex?: boolean;
+};
+type ButtonAsLinkProps = ButtonBaseProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "color"> & LinkProps;
+type ButtonAsButtonProps = ButtonBaseProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "color"> & {
+    href?: never;
+};
+export type ButtonProps = ButtonAsLinkProps | ButtonAsButtonProps;
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export { buttonClasses };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAGpG,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG7C,QAAA,MAAM,aAAa;;;;;mFAuJlB,CAAC;AAEF,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC;AAEzE,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG,eAAe,GACtC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,GAC3E,SAAS,CAAC;AAEZ,KAAK,mBAAmB,GAAG,eAAe,GACxC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAElE,eAAO,MAAM,MAAM,+HAwJlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -0,0 +1,280 @@
+import { jsxs as d, Fragment as a, jsx as e } from "react/jsx-runtime";
+import { cva as B } from "class-variance-authority";
+import I from "next/link";
+import { forwardRef as S } from "react";
+import { cn as n } from "../../lib/utils.js";
+import { Icon as s } from "./icon.js";
+import { Tooltip as V } from "./tooltip.js";
+const W = B(
+  "group whitespace-nowrap inline-flex items-center text-sm font-medium relative rounded-[10px] transition cursor-pointer disabled:cursor-not-allowed gap-1",
+  {
+    variants: {
+      variant: {
+        button: "",
+        icon: "flex justify-center",
+        fab: "min-w-14 min-h-14 md:min-w-min md:min-h-min rounded-full justify-center md:rounded-[10px] radix-state-open:rotate-45 md:radix-state-open:rotate-0 radix-state-open:shadown-none radix-state-open:ring-0"
+      },
+      color: {
+        primary: [
+          "bg-brand-default",
+          "text-brand",
+          "not-disabled:hover:bg-brand-emphasis",
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:shadow-button-solid-brand-focused",
+          "border border-brand-default",
+          "disabled:opacity-30",
+          "shadow-button-solid-brand-default",
+          "not-disabled:active:shadow-button-solid-brand-active",
+          "not-disabled:hover:shadow-button-solid-brand-hover",
+          "transition-shadow",
+          "transition-transform",
+          "duration-100"
+        ],
+        secondary: [
+          "bg-default",
+          "text-default",
+          "border",
+          "border-default",
+          "not-disabled:hover:bg-cal-muted",
+          "not-disabled:hover:text-emphasis",
+          "disabled:opacity-30",
+          "focus-visible:bg-subtle",
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:shadow-outline-gray-focused",
+          "shadow-outline-gray-rested",
+          "not-disabled:hover:shadow-outline-gray-hover",
+          "not-disabled:active:shadow-outline-gray-active",
+          "transition-shadow",
+          "duration-200"
+        ],
+        minimal: [
+          "text-subtle",
+          "border border-transparent",
+          "not-disabled:hover:bg-subtle",
+          "not-disabled:hover:text-emphasis",
+          "not-disabled:hover:border-subtle hover:border",
+          "disabled:opacity-30",
+          "focus-visible:bg-subtle",
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:border-subtle",
+          "focus-visible:shadow-button-outline-gray-focused",
+          "not-disabled:active:shadow-outline-gray-active",
+          "transition-shadow",
+          "duration-200"
+        ],
+        destructive: [
+          "border",
+          "border-default",
+          "text-error",
+          "dark:hover:text-red-400",
+          "hover:border-semantic-error",
+          "hover:bg-error",
+          "focus-visible:text-red-700",
+          "focus-visible:bg-error",
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:shadow-button-outline-red-focused",
+          "disabled:bg-red-100",
+          "disabled:border-red-200",
+          "disabled:text-red-700",
+          "disabled:hover:border-red-200",
+          "disabled:opacity-30",
+          "shadow-outline-red-rested",
+          "not-disabled:hover:shadow-outline-red-hover",
+          "not-disabled:active:shadow-outline-red-active",
+          "transition-shadow",
+          "duration-200"
+        ]
+      },
+      size: {
+        xs: "h-6 p-2 leading-none text-xs rounded-md",
+        sm: "h-7 px-2 py-1.5 leading-none text-sm",
+        base: "px-2.5 py-2 text-sm leading-none",
+        lg: "px-3 py-2.5 "
+      },
+      loading: {
+        true: "cursor-wait"
+      }
+    },
+    compoundVariants: [
+      {
+        loading: !0,
+        color: "primary",
+        className: "opacity-30"
+      },
+      {
+        loading: !0,
+        color: "secondary",
+        className: "bg-subtle text-emphasis/80"
+      },
+      {
+        loading: !0,
+        color: "minimal",
+        className: "bg-subtle text-emphasis/30"
+      },
+      {
+        loading: !0,
+        color: "destructive",
+        className: "text-red-700/30 dark:text-red-700/30 hover:text-red-700/30  border border-default text-emphasis"
+      },
+      {
+        variant: "icon",
+        size: "base",
+        className: "min-h-[36px] min-w-[36px] p-2! hover:border-default"
+      },
+      {
+        variant: "icon",
+        size: "xs",
+        className: "h-5 w-5 p-1! rounded-md"
+      },
+      {
+        variant: "icon",
+        size: "sm",
+        className: "h-6 w-6 p-1! rounded-md"
+      },
+      {
+        variant: "icon",
+        size: "lg",
+        className: "h-10 w-10 p-1!"
+      },
+      {
+        variant: "fab",
+        size: "base",
+        className: "md:px-4 md:py-2.5"
+      }
+    ],
+    defaultVariants: {
+      variant: "button",
+      color: "primary",
+      size: "base"
+    }
+  }
+), L = S(
+  function(o, w) {
+    const {
+      loading: i = !1,
+      color: b = "primary",
+      size: g,
+      variant: t = "button",
+      type: y = "button",
+      tooltipSide: N = "top",
+      tooltipOffset: k = 4,
+      tooltipClassName: C,
+      StartIcon: l,
+      CustomStartIcon: z,
+      EndIcon: c,
+      shallow: u,
+      ...m
+    } = o, h = o.disabled || i || !1, j = typeof o.href < "u", p = n(W({ color: b, size: g, loading: i, variant: t }), o.className), v = h ? (r) => {
+      r.preventDefault();
+    } : o.onClick, f = /* @__PURE__ */ d(a, { children: [
+      z || l && /* @__PURE__ */ e(a, { children: t === "fab" ? /* @__PURE__ */ d(a, { children: [
+        /* @__PURE__ */ e(s, { name: l, className: "hidden h-4 w-4 shrink-0 stroke-[1.5px] md:inline-flex" }),
+        /* @__PURE__ */ e(s, { name: "plus", "data-testid": "plus", className: "inline h-6 w-6 shrink-0 md:hidden" })
+      ] }) : /* @__PURE__ */ e(
+        s,
+        {
+          "data-name": "start-icon",
+          name: l,
+          className: n(
+            "shrink-0",
+            i ? "invisible" : "visible",
+            "button-icon group-[:not(div):active]:translate-y-[0.5px]",
+            t === "icon" && "h-4 w-4",
+            t === "button" && "h-4 w-4 stroke-[1.5px] "
+          )
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: n(
+            "contents",
+            i ? "invisible" : "visible",
+            t === "fab" ? "hidden md:contents" : "",
+            "group-[:not(div):active]:translate-y-[0.5px]"
+          ),
+          children: o.children
+        }
+      ),
+      i && /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: /* @__PURE__ */ d(
+        "svg",
+        {
+          className: n(
+            "mx-4 h-5 w-5 animate-spin",
+            b === "primary" ? "text-inverted" : "text-emphasis"
+          ),
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          children: [
+            /* @__PURE__ */ e("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ e(
+              "path",
+              {
+                className: "opacity-75",
+                fill: "currentColor",
+                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+              }
+            )
+          ]
+        }
+      ) }),
+      c && /* @__PURE__ */ e(a, { children: t === "fab" ? /* @__PURE__ */ d(a, { children: [
+        /* @__PURE__ */ e(s, { name: c, className: "hidden h-4 w-4 shrink-0 stroke-[1.5px] md:inline-flex" }),
+        /* @__PURE__ */ e(s, { name: "plus", "data-testid": "plus", className: "inline h-6 w-6 shrink-0 md:hidden" })
+      ] }) : /* @__PURE__ */ e(
+        s,
+        {
+          name: c,
+          className: n(
+            "shrink-0",
+            i ? "invisible" : "visible",
+            "group-[:not(div):active]:translate-y-[0.5px]",
+            t === "icon" && "h-4 w-4",
+            t === "button" && "h-4 w-4 stroke-[1.5px] "
+          )
+        }
+      ) })
+    ] });
+    return j ? /* @__PURE__ */ e(
+      I,
+      {
+        ...m,
+        shallow: u && u,
+        className: p,
+        onClick: v,
+        children: f
+      }
+    ) : /* @__PURE__ */ e(({ children: r, tooltip: x }) => x ? /* @__PURE__ */ e(
+      V,
+      {
+        "data-testid": "tooltip",
+        className: C,
+        content: x,
+        side: N,
+        sideOffset: k,
+        children: r
+      }
+    ) : /* @__PURE__ */ e(a, { children: r }), { tooltip: o.tooltip, children: /* @__PURE__ */ e(
+      "button",
+      {
+        ...m,
+        ref: w,
+        disabled: h,
+        type: y,
+        className: p,
+        onClick: v,
+        children: f
+      }
+    ) });
+  }
+);
+L.displayName = "Button";
+export {
+  L as Button,
+  W as buttonClasses
+};

package/dist/components/ui/calendar-switch.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type ICalendarSwitchProps = {
+    title: string;
+    externalId: string;
+    type: string;
+    isChecked: boolean;
+    name: string;
+    isLastItemInList?: boolean;
+    destination?: boolean;
+    credentialId: number;
+    delegationCredentialId: string | null;
+    eventTypeId: number | null;
+    disabled?: boolean;
+};
+export declare function CalendarSwitchComponent(props: ICalendarSwitchProps & {
+    isLoading: boolean;
+    children: ReactNode;
+    translations?: {
+        spanText?: string;
+    };
+}): JSX.Element;
+//# sourceMappingURL=calendar-switch.d.ts.map

package/dist/components/ui/calendar-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar-switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,oBAAoB,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,eA2BF"}

package/dist/components/ui/calendar-switch.js

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { cn as i } from "../../lib/utils.js";
+import { ArrowLeftIcon as o, RotateCwIcon as d } from "./icons.js";
+function p(t) {
+  const {
+    externalId: l,
+    name: m,
+    isLoading: a,
+    translations: s = {
+      spanText: "Adding events to"
+    },
+    children: r
+  } = t;
+  return /* @__PURE__ */ n("div", { className: i("my-2 flex flex-row items-center"), children: [
+    /* @__PURE__ */ e("div", { className: "flex pl-2", children: r }),
+    /* @__PURE__ */ e("label", { className: "ml-3 text-sm font-medium leading-5", htmlFor: l, children: m }),
+    !!t.destination && /* @__PURE__ */ n("span", { className: "bg-subtle text-default ml-8 inline-flex items-center gap-1 rounded-md px-2 py-1 text-sm font-normal sm:ml-4", children: [
+      /* @__PURE__ */ e(o, { className: "h-4 w-4" }),
+      s.spanText
+    ] }),
+    a && /* @__PURE__ */ e(d, { className: "text-muted h-4 w-4 animate-spin ltr:ml-1 rtl:mr-1" })
+  ] });
+}
+export {
+  p as CalendarSwitchComponent
+};

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

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes, default as React } from 'react';
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "name" | "className" | "color" | "id" | "lang" | "style" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "form" | "slot" | "title" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "asChild" | "checked" | "required" | "onCheckedChange"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CheckboxField: React.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    label?: React.ReactNode;
+    description?: string;
+    descriptionAsLabel?: boolean;
+    informationIconText?: string;
+    error?: boolean;
+    className?: string;
+    descriptionClassName?: string;
+    descriptionAsSafeHtml?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Checkbox, CheckboxField };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAgB1C,QAAA,MAAM,QAAQ,o4JAgBZ,CAAC;AAGH,QAAA,MAAM,aAAa;YA7BT,KAAK,CAAC,SAAS;kBACT,MAAM;yBACC,OAAO;0BACN,MAAM;YACpB,OAAO;gBACH,MAAM;2BACK,MAAM;4BACL,MAAM;0CAwG/B,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/checkbox.js

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as h, Fragment as b } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-checkbox";
+import { useId as u } from "@radix-ui/react-id";
+import c, { forwardRef as x } from "react";
+import { cn as a } from "../../lib/utils.js";
+import { CheckIcon as p } from "./icons.js";
+const g = c.forwardRef(({ className: t, ...d }, s) => /* @__PURE__ */ e(
+  i.Root,
+  {
+    ref: s,
+    className: a(
+      "border-default data-[state=checked]:bg-brand-default data-[state=checked]:text-brand peer h-4 w-4 shrink-0 rounded-[4px] border ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed",
+      t
+    ),
+    ...d,
+    children: /* @__PURE__ */ e(i.Indicator, { className: a("flex items-center justify-center text-current"), children: /* @__PURE__ */ e(p, { className: "h-4 w-4" }) })
+  }
+));
+g.displayName = i.Root.displayName;
+const v = x(
+  ({ label: t, description: d, error: s, disabled: l, descriptionAsSafeHtml: m, ...r }, f) => {
+    const o = !t || r.descriptionAsLabel, n = u();
+    return /* @__PURE__ */ h("div", { className: "block items-center sm:flex", children: [
+      t && /* @__PURE__ */ e("div", { className: "min-w-48 mb-4 sm:mb-0", children: c.createElement(
+        o ? "div" : "label",
+        {
+          className: a("flex text-sm font-medium text-emphasis"),
+          ...o ? {} : {
+            htmlFor: r.id ? r.id : n
+          }
+        },
+        t
+      ) }),
+      /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e("div", { className: "hover:bg-subtle relative flex w-fit items-center rounded-md p-1", children: c.createElement(
+        o ? "label" : "div",
+        {
+          className: a(
+            "relative flex items-start",
+            "text-emphasis",
+            s && "text-error"
+          )
+        },
+        /* @__PURE__ */ h(b, { children: [
+          /* @__PURE__ */ e("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ e(
+            "input",
+            {
+              ...r,
+              ref: f,
+              type: "checkbox",
+              disabled: l,
+              id: r.id ? r.id : n,
+              className: a(
+                "text-emphasis focus:ring-emphasis dark:text-muted border-default bg-default focus:bg-default active:bg-default checked:border-transparent! checked:bg-gray-800! h-4 w-4 rounded-[4px] transition focus:outline-none focus:ring-0 ltr:mr-2 rtl:ml-2",
+                !s && l ? "cursor-not-allowed bg-gray-300 checked:bg-gray-300 hover:bg-gray-300 hover:checked:bg-gray-300" : "hover:bg-subtle hover:border-emphasis",
+                s && "border-error hover:bg-error hover:border-error checked:bg-darkerror checked:hover:border-error checked:hover:bg-darkerror",
+                r.className
+              )
+            }
+          ) }),
+          m ? (
+            // biome-ignore lint/security/noDangerouslySetInnerHtml: Content is sanitized via descriptionAsSafeHtml prop
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: a(
+                  "text-default ml-2 text-sm [&_a]:text-blue-500",
+                  !t && "font-medium",
+                  r.descriptionClassName
+                ),
+                dangerouslySetInnerHTML: {
+                  __html: m
+                }
+              }
+            )
+          ) : /* @__PURE__ */ e(
+            "span",
+            {
+              className: a(
+                "text-default ml-2 text-sm",
+                !t && "font-medium",
+                r.descriptionClassName
+              ),
+              children: d
+            }
+          )
+        ] })
+      ) }) })
+    ] });
+  }
+);
+v.displayName = "CheckboxField";
+export {
+  g as Checkbox,
+  v as CheckboxField
+};

package/dist/components/ui/checked-team-select.d.ts

@@ -0,0 +1,43 @@
+import { Options, Props } from 'react-select';
+import { PriorityDialogCustomClassNames, WeightDialogCustomClassNames } from '../../event-types/components/host-edit-dialogs';
+export type CheckedSelectOption = {
+    avatar: string;
+    label: string;
+    value: string;
+    priority?: number;
+    weight?: number;
+    isFixed?: boolean;
+    disabled?: boolean;
+    defaultScheduleId?: number | null;
+    groupId: string | null;
+};
+export type CheckedTeamSelectCustomClassNames = {
+    hostsSelect?: {
+        select?: string;
+        innerClassNames?: Record<string, unknown>;
+    };
+    selectedHostList?: {
+        container?: string;
+        listItem?: {
+            container?: string;
+            avatar?: string;
+            name?: string;
+            changePriorityButton?: string;
+            changeWeightButton?: string;
+            removeButton?: string;
+        };
+    };
+    priorityDialog?: PriorityDialogCustomClassNames;
+    weightDialog?: WeightDialogCustomClassNames;
+};
+export declare const CheckedTeamSelect: ({ options, value, isRRWeightsEnabled, customClassNames, groupId, isPlatform, ...props }: Omit<Props<CheckedSelectOption, true>, "value" | "onChange"> & {
+    options?: Options<CheckedSelectOption>;
+    value?: readonly CheckedSelectOption[];
+    onChange: (value: readonly CheckedSelectOption[]) => void;
+    isRRWeightsEnabled?: boolean;
+    customClassNames?: CheckedTeamSelectCustomClassNames;
+    groupId: string | null;
+    isPlatform?: boolean;
+}) => JSX.Element;
+export default CheckedTeamSelect;
+//# sourceMappingURL=checked-team-select.d.ts.map

package/dist/components/ui/checked-team-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checked-team-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checked-team-select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAEL,KAAK,8BAA8B,EAEnC,KAAK,4BAA4B,EAClC,MAAM,gDAAgD,CAAC;AAUxD,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC3C,CAAC;IACF,gBAAgB,CAAC,EAAE;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE;YACT,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;YAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;YAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;SACvB,CAAC;KACH,CAAC;IACF,cAAc,CAAC,EAAE,8BAA8B,CAAC;IAChD,YAAY,CAAC,EAAE,4BAA4B,CAAC;CAC7C,CAAC;AAmBF,eAAO,MAAM,iBAAiB,GAAI,yFAQ/B,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,iCAAiC,CAAC;IACrD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,gBAwIA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}