@calcom/atoms 2.8.7 → 2.9.0

package/dist/components/ui/info-badge.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Icon as t } from "./icon.js";
+import { Tooltip as e } from "./tooltip.js";
+function l({ content: r }) {
+  return /* @__PURE__ */ o(e, { side: "top", content: r, children: /* @__PURE__ */ o("span", { "aria-label": r, children: /* @__PURE__ */ o(t, { name: "info", className: "text-subtle relative left-1 right-1 top-px mt-px h-4 w-4" }) }) });
+}
+export {
+  l as InfoBadge
+};

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

@@ -0,0 +1,2 @@
+export declare function Label(props: JSX.IntrinsicElements["label"]): JSX.Element;
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AAEA,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,eAU1D"}

package/dist/components/ui/label.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cn as l } from "../../lib/utils.js";
+function s(e) {
+  const { className: t, ...m } = e;
+  return /* @__PURE__ */ n(
+    "label",
+    {
+      className: l("text-default text-emphasis mb-2 block text-sm font-medium leading-none", t),
+      ...m,
+      children: e.children
+    }
+  );
+}
+export {
+  s as Label
+};

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

@@ -0,0 +1,37 @@
+import { IconName } from './icon';
+export type VerticalTabItemProps = {
+    name: string;
+    info?: string;
+    icon?: IconName;
+    disabled?: boolean;
+    children?: VerticalTabItemProps[];
+    textClassNames?: string;
+    className?: string;
+    isChild?: boolean;
+    hidden?: boolean;
+    disableChevron?: boolean;
+    href: string;
+    isExternalLink?: boolean;
+    linkShallow?: boolean;
+    linkScroll?: boolean;
+    avatar?: string;
+    iconClassName?: string;
+    onClick?: (name: string) => void;
+    isActive?: boolean;
+    isBadged?: boolean;
+    "data-testid"?: string;
+    trackingMetadata?: Record<string, any>;
+    matchFullPath?: boolean;
+};
+export type HorizontalTabItemProps = {
+    name: string;
+    disabled?: boolean;
+    className?: string;
+    href: string;
+    linkShallow?: boolean;
+    linkScroll?: boolean;
+    icon?: IconName;
+    avatar?: string;
+    "data-testid"?: string;
+};
+//# sourceMappingURL=navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/components/ui/navigation.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,17 @@
+import * as PopoverPrimitives from "@radix-ui/react-popover";
+declare const Popover: typeof PopoverPrimitives.Root;
+declare const PopoverTrigger: typeof PopoverPrimitives.Trigger;
+declare const PopoverAnchor: typeof PopoverPrimitives.Anchor;
+declare const PopoverClose: typeof PopoverPrimitives.Close;
+declare const PopoverContent: typeof PopoverPrimitives.Content;
+declare const PopoverArrow: typeof PopoverPrimitives.Arrow;
+declare const PopoverPortal: ({ children, ...props }: PopoverPrimitives.PopoverPortalProps) => JSX.Element;
+export declare const Root: typeof PopoverPrimitives.Root;
+export declare const Trigger: typeof PopoverPrimitives.Trigger;
+export declare const Anchor: typeof PopoverPrimitives.Anchor;
+export declare const Close: typeof PopoverPrimitives.Close;
+export declare const Portal: typeof PopoverPortal;
+export declare const Content: typeof PopoverPrimitives.Content;
+export declare const Arrow: typeof PopoverPrimitives.Arrow;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose, PopoverPortal, PopoverArrow };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,iBAAiB,MAAM,yBAAyB,CAAC;AAE7D,QAAA,MAAM,OAAO,EAAE,OAAO,iBAAiB,CAAC,IAA6B,CAAC;AACtE,QAAA,MAAM,cAAc,EAAE,OAAO,iBAAiB,CAAC,OAAmC,CAAC;AACnF,QAAA,MAAM,aAAa,EAAE,OAAO,iBAAiB,CAAC,MAAiC,CAAC;AAChF,QAAA,MAAM,YAAY,EAAE,OAAO,iBAAiB,CAAC,KAA+B,CAAC;AAC7E,QAAA,MAAM,cAAc,EAAE,OAAO,iBAAiB,CAAC,OAAmC,CAAC;AACnF,QAAA,MAAM,YAAY,EAAE,OAAO,iBAAiB,CAAC,KAA+B,CAAC;AAE7E,QAAA,MAAM,aAAa,GAAI,wBAAwB,iBAAiB,CAAC,kBAAkB,KAAG,GAAG,CAAC,OAMzF,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,OAAO,iBAAiB,CAAC,IAAc,CAAC;AAC3D,eAAO,MAAM,OAAO,EAAE,OAAO,iBAAiB,CAAC,OAAwB,CAAC;AACxE,eAAO,MAAM,MAAM,EAAE,OAAO,iBAAiB,CAAC,MAAsB,CAAC;AACrE,eAAO,MAAM,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAoB,CAAC;AAClE,eAAO,MAAM,MAAM,EAAE,OAAO,aAA6B,CAAC;AAC1D,eAAO,MAAM,OAAO,EAAE,OAAO,iBAAiB,CAAC,OAAwB,CAAC;AACxE,eAAO,MAAM,KAAK,EAAE,OAAO,iBAAiB,CAAC,KAAoB,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/popover.js

@@ -0,0 +1,19 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Anchor as t, Arrow as e, Close as s, Content as n, Root as b, Trigger as $, Portal as f } from "../../node_modules/.bun/@radix-ui_react-popover@1.0.6_20d1060667f1d6f1/node_modules/@radix-ui/react-popover/dist/index.js";
+const p = b, a = $, d = t, P = s, l = n, x = e, v = ({ children: o, ...r }) => /* @__PURE__ */ c(f, { ...r, children: /* @__PURE__ */ c("div", { className: "calcom-atoms", children: o }) }), g = p, A = a, C = d, h = P, w = v, T = l, R = x;
+export {
+  C as Anchor,
+  R as Arrow,
+  h as Close,
+  T as Content,
+  p as Popover,
+  d as PopoverAnchor,
+  x as PopoverArrow,
+  P as PopoverClose,
+  l as PopoverContent,
+  v as PopoverPortal,
+  a as PopoverTrigger,
+  w as Portal,
+  g as Root,
+  A as Trigger
+};

package/dist/components/ui/radio-area-group.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+type RadioAreaProps = RadioGroupPrimitive.RadioGroupItemProps & {
+    children: ReactNode;
+    classNames?: {
+        container?: string;
+    };
+};
+declare const RadioArea: ({ children, className, classNames: innerClassNames, ...props }: RadioAreaProps) => JSX.Element;
+declare const RadioAreaGroup: ({ children, className, onValueChange, ...passThroughProps }: RadioGroupPrimitive.RadioGroupProps) => JSX.Element;
+declare const Item: ({ children, className, classNames: innerClassNames, ...props }: RadioAreaProps) => JSX.Element;
+declare const Group: ({ children, className, onValueChange, ...passThroughProps }: RadioGroupPrimitive.RadioGroupProps) => JSX.Element;
+declare const Root: import('react').ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export { RadioArea, RadioAreaGroup, Item, Group, Root };
+export declare const RadioAreaNamespace: {
+    Item: ({ children, className, classNames: innerClassNames, ...props }: RadioAreaProps) => JSX.Element;
+    Group: ({ children, className, onValueChange, ...passThroughProps }: RadioGroupPrimitive.RadioGroupProps) => JSX.Element;
+    Root: import('react').ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=radio-area-group.d.ts.map

package/dist/components/ui/radio-area-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-area-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-area-group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,cAAc,GAAG,mBAAmB,CAAC,mBAAmB,GAAG;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,gEAAgE,cAAc,gBA+BhG,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,6DAKrB,mBAAmB,CAAC,eAAe,gBAMrC,CAAC;AAEF,QAAA,MAAM,IAAI,mEA9CyE,cAAc,gBA8C3E,CAAC;AACvB,QAAA,MAAM,KAAK,gEATR,mBAAmB,CAAC,eAAe,gBASV,CAAC;AAC7B,QAAA,MAAM,IAAI,gIAA2B,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAExD,eAAO,MAAM,kBAAkB;2EApDoD,cAAc;yEAsC9F,mBAAmB,CAAC,eAAe;;CAciB,CAAC"}

package/dist/components/ui/radio-area-group.js

@@ -0,0 +1,52 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useId as u } from "@radix-ui/react-id";
+import * as a from "@radix-ui/react-radio-group";
+import { cn as r } from "../../lib/utils.js";
+const f = ({ children: d, className: l, classNames: t, ...e }) => {
+  const c = u(), i = e.id ?? c;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: r(
+        "border-subtle [&:has(input:checked)]:border-emphasis relative flex items-start rounded-[10px] border",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ o(
+          a.Item,
+          {
+            id: i,
+            ...e,
+            className: r(
+              "hover:bg-subtle disabled:hover:bg-default border-default focus:ring-emphasis absolute left-3 top-[0.9rem] mt-0.5 h-4 w-4 shrink-0 rounded-full border transition focus:ring-2 disabled:cursor-not-allowed",
+              e.disabled && "opacity-60"
+            ),
+            children: /* @__PURE__ */ o(
+              a.Indicator,
+              {
+                className: r(
+                  "after:bg-default dark:after:bg-inverted relative flex h-full w-full items-center justify-center rounded-full bg-black after:h-[6px] after:w-[6px] after:rounded-full after:content-['']",
+                  e.disabled ? "after:bg-cal-muted" : "bg-black"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o("label", { htmlFor: i, className: r("text-default p-4 pl-10 pt-3", t == null ? void 0 : t.container), children: d })
+      ]
+    }
+  );
+}, n = ({
+  children: d,
+  className: l,
+  onValueChange: t,
+  ...e
+}) => /* @__PURE__ */ o(a.Root, { className: l, onValueChange: t, ...e, children: d }), b = f, m = n, p = a.Root, v = { Item: b, Group: m, Root: p };
+export {
+  m as Group,
+  b as Item,
+  f as RadioArea,
+  n as RadioAreaGroup,
+  v as RadioAreaNamespace,
+  p as Root
+};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+export declare const Root: import('react').ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: (props: RadioGroupPrimitive.RadioGroupProps & {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const Radio: (props: RadioGroupPrimitive.RadioGroupItemProps & {
+    children?: ReactNode;
+}) => JSX.Element;
+export declare const RadioIndicator: ({ disabled }: {
+    disabled?: boolean;
+}) => JSX.Element;
+export declare const RadioLabel: (props: JSX.IntrinsicElements["label"] & {
+    disabled?: boolean;
+}) => JSX.Element;
+export declare const RadioField: ({ label, disabled, id, value, className, withPadding, }: {
+    label: string | ReactNode;
+    disabled?: boolean;
+    id: string;
+    value: string;
+    className?: string;
+    withPadding?: boolean;
+}) => JSX.Element;
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,IAAI,gIAA2B,CAAC;AAE7C,eAAO,MAAM,UAAU,GAAI,OAAO,mBAAmB,CAAC,eAAe,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gBAE9F,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,mBAAmB,CAAC,mBAAmB,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,gBAU9F,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gBAOlE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gBAKxF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yDAOxB;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,gBAeA,CAAC"}

package/dist/components/ui/radio.js

@@ -0,0 +1,56 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-radio-group";
+import { cn as a } from "../../lib/utils.js";
+const h = r.Root, g = (e) => /* @__PURE__ */ t(r.Root, { ...e, children: e.children }), s = (e) => /* @__PURE__ */ t(
+  r.Item,
+  {
+    ...e,
+    className: a(
+      "hover:bg-subtle border-default dark:checked:bg-brand-default dark:hover:bg-subtle dark:checked:hover:bg-brand-default focus:ring-brand-default hover:border-emphasis me-1.5 mt-0.5 h-4 w-4 shrink-0 rounded-full border text-(--cal-brand) transition focus:border-0 focus:ring-1 data-[state=checked]:border-brand-default",
+      e.disabled && "opacity-60"
+    ),
+    children: e.children
+  }
+), f = ({ disabled: e }) => /* @__PURE__ */ t(
+  r.Indicator,
+  {
+    className: a(
+      "after:bg-default dark:after:bg-brand-accent relative flex h-full w-full items-center justify-center rounded-full bg-black after:h-[6px] after:w-[6px] after:rounded-full after:content-['']",
+      e ? "after:bg-cal-muted" : "bg-brand-default"
+    )
+  }
+), u = (e) => /* @__PURE__ */ t(
+  "label",
+  {
+    ...e,
+    className: a("text-emphasis ms-2 w-full text-sm font-medium leading-5", e.disabled && "text-subtle")
+  }
+), x = ({
+  label: e,
+  disabled: d,
+  id: o,
+  value: l,
+  className: n,
+  withPadding: c
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: a(
+      "flex items-start",
+      c && "hover:bg-subtle cursor-pointer rounded-lg p-1.5",
+      n
+    ),
+    children: [
+      /* @__PURE__ */ t(s, { value: l, disabled: d, id: o, children: /* @__PURE__ */ t(f, { disabled: d }) }),
+      /* @__PURE__ */ t(u, { htmlFor: o, disabled: d, children: e })
+    ]
+  }
+);
+export {
+  s as Radio,
+  x as RadioField,
+  g as RadioGroup,
+  f as RadioIndicator,
+  u as RadioLabel,
+  h as Root
+};

package/dist/components/ui/react-select-components.d.ts

@@ -0,0 +1,29 @@
+import { ControlProps, GroupBase, InputProps, OptionProps } from 'react-select';
+export declare const InputComponent: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ inputClassName, ...props }: InputProps<Option, IsMulti, Group> & {
+    inputClassName?: string;
+}) => JSX.Element;
+export declare const OptionComponent: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ ...props }: OptionProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const ControlComponent: <Option, IsMulti extends boolean, Group extends GroupBase<Option> = GroupBase<Option>>(controlProps: ControlProps<Option, IsMulti, Group> & {
+    selectProps: {
+        "data-testid"?: string;
+    };
+}) => JSX.Element;
+export declare const getReactSelectProps: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ components, menuPlacement, }?: {
+    components?: Record<string, unknown>;
+    menuPlacement?: "auto" | "top" | "bottom";
+}) => {
+    menuPlacement: "auto" | "top" | "bottom";
+    components: {
+        Input: <Option_1, IsMulti_1 extends boolean = false, Group_1 extends GroupBase<Option_1> = GroupBase<Option_1>>({ inputClassName, ...props }: InputProps<Option_1, IsMulti_1, Group_1> & {
+            inputClassName?: string;
+        }) => JSX.Element;
+        Option: <Option_1, IsMulti_2 extends boolean = false, Group_2 extends GroupBase<Option_1> = GroupBase<Option_1>>({ ...props }: OptionProps<Option_1, IsMulti_2, Group_2>) => JSX.Element;
+        Control: <Option_1, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_1> = GroupBase<Option_1>>(controlProps: ControlProps<Option_1, IsMulti_3, Group_3> & {
+            selectProps: {
+                "data-testid"?: string;
+            };
+        }) => JSX.Element;
+    };
+    unstyled: boolean;
+};
+//# sourceMappingURL=react-select-components.d.ts.map

package/dist/components/ui/react-select-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-select-components.d.ts","sourceRoot":"","sources":["../../../src/components/ui/react-select-components.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKrF,eAAO,MAAM,cAAc,GACzB,MAAM,EACN,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EACnD,8BAGC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,gBAOlE,CAAC;AAOF,eAAO,MAAM,eAAe,GAC1B,MAAM,EACN,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EACnD,cAEC,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,gBAUrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,MAAM,EACN,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EAEnD,cAAc,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IACnD,WAAW,EAAE;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC,gBAQF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,MAAM,EACN,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EACnD,iCAGC;IACD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;CACtC;;;4CAhEY,OAAO,0BACT,SAAS,CAAC,QAAM,CAAC,sDAI9B,UAAU,CAAC,QAAM,EAAE,SAAO,EAAE,OAAK,CAAC,GAAG;YAAE,cAAc,CAAC,EAAE,MAAM,CAAA;SAAE;6CAgBjD,OAAO,0BACT,SAAS,CAAC,QAAM,CAAC,sCAG9B,WAAW,CAAC,QAAM,EAAE,SAAO,EAAE,OAAK,CAAC;8CAcpB,OAAO,kBACT,SAAS,CAAC,QAAM,CAAC,sCAEjB,YAAY,CAAC,QAAM,EAAE,SAAO,EAAE,OAAK,CAAC,GAAG;YACnD,WAAW,EAAE;gBAAE,aAAa,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;SACzC;;;CA+BF,CAAC"}

package/dist/components/ui/react-select-components.js

@@ -0,0 +1,36 @@
+import { jsx as e, Fragment as r } from "react/jsx-runtime";
+import { components as o } from "react-select";
+import { cn as s } from "../../lib/utils.js";
+const a = ({
+  inputClassName: t,
+  ...n
+}) => /* @__PURE__ */ e(
+  o.Input,
+  {
+    inputClassName: s("focus:ring-0 focus:ring-offset-0 !text-default dark:text-white!", t),
+    ...n
+  }
+), c = ({
+  ...t
+}) => /* @__PURE__ */ e(o.Option, { ...t, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("span", { className: "w-full", "data-testid": `select-option-${t.value}`, children: t.label || /* @__PURE__ */ e(r, { children: " " }) }) }) }), l = (t) => {
+  const n = t.selectProps["data-testid"] ?? "select-control";
+  return /* @__PURE__ */ e("span", { "data-testid": n, children: /* @__PURE__ */ e(o.Control, { ...t }) });
+}, m = ({
+  components: t,
+  menuPlacement: n = "auto"
+} = {}) => ({
+  menuPlacement: n,
+  components: {
+    Input: a,
+    Option: c,
+    Control: l,
+    ...t ?? {}
+  },
+  unstyled: !0
+});
+export {
+  l as ControlComponent,
+  a as InputComponent,
+  c as OptionComponent,
+  m as getReactSelectProps
+};

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

@@ -0,0 +1,36 @@
+import { GroupBase, Props as ReactSelectProps } from 'react-select';
+import { Label } from './label';
+import type * as React from "react";
+export type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = ReactSelectProps<Option, IsMulti, Group> & {
+    variant?: "default" | "checkbox";
+    "data-testid"?: string;
+    size?: "sm" | "md";
+    grow?: boolean;
+    innerClassNames?: {
+        input?: string;
+        option?: string;
+        control?: string;
+        singleValue?: string;
+        valueContainer?: string;
+        multiValue?: string;
+        menu?: string;
+        menuList?: string;
+    };
+};
+export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ components, variant, size, grow, ...props }: SelectProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const SelectField: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
+    required?: boolean;
+    name?: string;
+    containerClassName?: string;
+    label?: string;
+    labelProps?: React.ComponentProps<typeof Label>;
+    className?: string;
+    error?: string;
+} & SelectProps<Option, IsMulti, Group>) => JSX.Element;
+export declare function SelectWithValidation<Option extends {
+    label: string;
+    value: string;
+}, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ required, onChange, value, ...remainingProps }: SelectProps<Option, IsMulti, Group> & {
+    required?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,SAAS,EAAc,KAAK,IAAI,gBAAgB,EAAe,MAAM,cAAc,CAAC;AAGlG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,MAAM,MAAM,WAAW,CACrB,MAAM,EACN,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,IACjD,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IAC7C,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,MAAM,GACjB,MAAM,EACN,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EACnD,+CAMC,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,gBAoFrC,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,EACN,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EAEnD,OAAO;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,gBAgBxC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,MAAM,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAC/C,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EACnD,EACA,QAAgB,EAChB,QAAQ,EACR,KAAK,EACL,GAAG,cAAc,EAClB,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,eAsD9D"}

package/dist/components/ui/select.js

@@ -0,0 +1,125 @@
+import { jsx as u, jsxs as f } from "react/jsx-runtime";
+import { useMemo as x, useId as b } from "react";
+import g from "react-select";
+import { cn as o } from "../../lib/utils.js";
+import { Label as y } from "./label.js";
+import { getReactSelectProps as w } from "./react-select-components.js";
+import { inputStyles as V } from "./text-field.js";
+const h = ({
+  components: s,
+  variant: r = "default",
+  size: e = "md",
+  grow: n = !0,
+  ...d
+}) => {
+  const { classNames: c, innerClassNames: t, menuPlacement: i = "auto", ...a } = d, m = x(() => w({
+    components: s || {},
+    menuPlacement: i
+  }), [s, i]), p = d.isMulti || d.isLoading || d.isClearable;
+  return /* @__PURE__ */ u(
+    g,
+    {
+      ...m,
+      menuPlacement: i,
+      styles: {
+        control: (l) => ({
+          ...l,
+          minHeight: e === "sm" ? "28px" : "32px",
+          height: n ? "auto" : e === "sm" ? "28px" : "32px"
+        })
+      },
+      classNames: {
+        input: () => o("text-emphasis", t == null ? void 0 : t.input),
+        option: (l) => o(
+          "bg-default flex cursor-pointer justify-between py-2 px-3 rounded-md text-default items-center",
+          l.isFocused && "bg-subtle",
+          l.isDisabled && "bg-cal-muted",
+          l.isSelected && "bg-emphasis text-default",
+          t == null ? void 0 : t.option
+        ),
+        placeholder: (l) => o("text-muted", l.isFocused && r !== "checkbox" && "hidden"),
+        dropdownIndicator: () => o("text-default", "w-4 h-4", "flex items-center justify-center "),
+        control: (l) => o(
+          V({ size: e }),
+          l.isMulti ? r === "checkbox" ? "px-3 h-fit" : l.hasValue ? "p-1 h-fit" : "px-3 h-fit" : e === "sm" ? "h-7 px-2 py-0.5" : "h-8 px-3 py-1",
+          l.isDisabled && "bg-subtle !cursor-not-allowed !pointer-events-auto hover:border-subtle",
+          "rounded-[10px]",
+          "[&:focus-within]:border-emphasis [&:focus-within]:shadow-outline-gray-focused focus-within:ring-0 flex! **:[input]:leading-none text-sm",
+          t == null ? void 0 : t.control
+        ),
+        singleValue: () => o("text-default placeholder:text-muted", t == null ? void 0 : t.singleValue),
+        valueContainer: () => o("text-default placeholder:text-muted flex gap-1", t == null ? void 0 : t.valueContainer),
+        multiValue: () => o(
+          "font-medium inline-flex items-center justify-center rounded bg-emphasis text-emphasis leading-none text-xs",
+          e === "sm" ? "px-1.5 py-px rounded-md" : "py-1 px-1.5 leading-none rounded-lg"
+        ),
+        menu: () => o(
+          "rounded-lg bg-default text-sm leading-4 text-default mt-1 border border-subtle shadow-dropdown p-1",
+          t == null ? void 0 : t.menu
+        ),
+        groupHeading: () => "leading-none text-xs text-muted p-2 font-medium ml-1",
+        menuList: () => o("scroll-bar scrollbar-track-w-20 rounded-md flex flex-col space-y-1", t == null ? void 0 : t.menuList),
+        indicatorsContainer: (l) => o(
+          "flex items-start! justify-center mt-1 h-full",
+          l.selectProps.menuIsOpen ? p ? "[&>*:last-child]:rotate-180 [&>*:last-child]:transition-transform [&>*:last-child]:w-4 [&>*:last-child]:h-4" : "rotate-180 transition-transform w-4 h-4" : p ? "[&>*:last-child]:transition-transform [&>*:last-child]:w-4 [&>*:last-child]:h-4 text-default" : "transition-transform w-4 h-4 text-default"
+        ),
+        multiValueRemove: () => "text-default py-auto",
+        ...c
+      },
+      ...a
+    }
+  );
+}, H = (s) => {
+  const { label: r, containerClassName: e, labelProps: n, className: d, error: c, ...t } = s, i = b();
+  return /* @__PURE__ */ f("div", { className: o(e), children: [
+    /* @__PURE__ */ u("div", { className: o(d), children: r && /* @__PURE__ */ u(y, { htmlFor: i, ...n, className: o(c && "text-error", n == null ? void 0 : n.className), children: r }) }),
+    /* @__PURE__ */ u(h, { ...t })
+  ] });
+};
+function M({
+  required: s = !1,
+  onChange: r,
+  value: e,
+  ...n
+}) {
+  const [d, c] = React.useState(() => e instanceof Array || !e ? "" : e.value || ""), t = React.useCallback((i) => {
+    let a = "";
+    i instanceof Array ? a = i.map((m) => m.value).join(",") : a = (i == null ? void 0 : i.value) || "", c(a);
+  }, []);
+  return React.useEffect(() => {
+    e && t(e);
+  }, [e, t]), /* @__PURE__ */ f("div", { className: o("relative", n.className), children: [
+    /* @__PURE__ */ u(
+      h,
+      {
+        value: e,
+        ...n,
+        onChange: (i, ...a) => {
+          t(i), r && r(i, ...a);
+        }
+      }
+    ),
+    s && /* @__PURE__ */ u(
+      "input",
+      {
+        tabIndex: -1,
+        autoComplete: "off",
+        style: {
+          opacity: 0,
+          width: "100%",
+          height: 1,
+          position: "absolute"
+        },
+        value: d,
+        onChange: () => {
+        },
+        required: s
+      }
+    )
+  ] });
+}
+export {
+  h as Select,
+  H as SelectField,
+  M as SelectWithValidation
+};

package/dist/components/ui/settings-header.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+type HeaderPropsBase = {
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+    CTA?: React.ReactNode;
+    ctaClassName?: string;
+    borderInShellHeader?: boolean;
+};
+type HeaderPropsWithBackButton = HeaderPropsBase & {
+    backButton: true;
+    onBackButtonClick: () => void;
+};
+type HeaderPropsWithoutBackButton = HeaderPropsBase & {
+    backButton?: false;
+    onBackButtonClick?: never;
+};
+type HeaderProps = HeaderPropsWithBackButton | HeaderPropsWithoutBackButton;
+export default function SettingsHeader({ children, title, description, CTA, ctaClassName, borderInShellHeader, backButton, onBackButtonClick, }: HeaderProps): JSX.Element;
+export {};
+//# sourceMappingURL=settings-header.d.ts.map

package/dist/components/ui/settings-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-header.d.ts","sourceRoot":"","sources":["../../../src/components/ui/settings-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,KAAK,yBAAyB,GAAG,eAAe,GAAG;IACjD,UAAU,EAAE,IAAI,CAAC;IACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,KAAK,4BAA4B,GAAG,eAAe,GAAG;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,CAAC;AAEF,KAAK,WAAW,GAAG,yBAAyB,GAAG,4BAA4B,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,WAAW,EACX,GAAG,EACH,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,iBAAiB,GAClB,EAAE,WAAW,eA8Cb"}

package/dist/components/ui/settings-header.js

@@ -0,0 +1,55 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Suspense as p } from "react";
+import { useAtomsLocale as f } from "../../hooks/use-atoms-locale.js";
+import { cn as i } from "../../lib/utils.js";
+import { Button as u } from "./button.js";
+import { Spinner as b } from "./icon.js";
+function j({
+  children: l,
+  title: s,
+  description: m,
+  CTA: n,
+  ctaClassName: o,
+  borderInShellHeader: r,
+  backButton: d,
+  onBackButtonClick: t
+}) {
+  const { t: c } = f();
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ e(
+      "header",
+      {
+        className: i(
+          "border-subtle mx-auto flex justify-between",
+          r && "rounded-t-lg border px-4 py-6 sm:px-6",
+          r === void 0 && "mb-8 border-b pb-8"
+        ),
+        children: /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between gap-2", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center", children: [
+            d && t && /* @__PURE__ */ e(
+              u,
+              {
+                variant: "icon",
+                size: "sm",
+                color: "minimal",
+                onClick: t,
+                className: "rounded-md ltr:mr-2 rtl:ml-2",
+                StartIcon: "arrow-left",
+                "aria-label": c("go_back")
+              }
+            ),
+            /* @__PURE__ */ a("div", { children: [
+              s ? /* @__PURE__ */ e("h1", { className: "font-heading text-emphasis mb-1 text-xl font-semibold leading-5 tracking-wide", children: s }) : /* @__PURE__ */ e("div", { className: "bg-emphasis mb-1 h-5 w-24 animate-pulse rounded-lg" }),
+              m ? /* @__PURE__ */ e("p", { className: "text-default text-sm ltr:mr-4 rtl:ml-4", children: m }) : /* @__PURE__ */ e("div", { className: "bg-emphasis h-5 w-32 animate-pulse rounded-lg" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: i("shrink-0", o), children: n })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(p, { fallback: /* @__PURE__ */ e(b, { className: "mx-auto my-5 animate-spin" }), children: l })
+  ] });
+}
+export {
+  j as default
+};

package/dist/components/ui/settings-toggle.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+type Props = {
+    children?: ReactNode;
+    title: string;
+    description?: string | ReactNode;
+    checked: boolean;
+    disabled?: boolean;
+    LockedIcon?: ReactNode;
+    Badge?: ReactNode;
+    onCheckedChange?: (checked: boolean) => void;
+    "data-testid"?: string;
+    tooltip?: string;
+    toggleSwitchAtTheEnd?: boolean;
+    childrenClassName?: string;
+    switchContainerClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+    noIndentation?: boolean;
+    hideSwitch?: boolean;
+};
+export declare function SettingsToggle({ checked, onCheckedChange, description, LockedIcon, Badge, title, children, disabled, tooltip, toggleSwitchAtTheEnd, childrenClassName, switchContainerClassName, labelClassName, descriptionClassName, noIndentation, hideSwitch, ...rest }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=settings-toggle.d.ts.map

package/dist/components/ui/settings-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/settings-toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,eAAe,EACf,WAAW,EACX,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,oBAA4B,EAC5B,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,oBAAoB,EACpB,aAAqB,EACrB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,KAAK,eA0EP"}