@pibit.ai/cure-design-system 0.3.7 → 0.3.10

package/dist/primitives/select/select-item.js

@@ -0,0 +1,108 @@
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import { useContext as w, isValidElement as v } from "react";
+import { Check as z } from "@untitledui/icons";
+import { ListBoxItem as C, Text as x } from "react-aria-components";
+import { Avatar as S } from "../avatar/avatar.js";
+import { SelectContext as D, fontSizes as u } from "./select.js";
+import { cx as n } from "../../utils/cn.js";
+import { isReactComponent as N } from "../../utils/is-react-component.js";
+const V = {
+  sm: "p-2 pr-2.5",
+  md: "p-2.5 pl-2",
+  xs: "p-1.5"
+}, O = ({
+  label: a,
+  id: c,
+  value: b,
+  avatarUrl: s,
+  supportingText: r,
+  isDisabled: p,
+  icon: t,
+  className: d,
+  children: o,
+  textStyles: h,
+  ...y
+}) => {
+  const { size: l } = w(D), m = a || (typeof o == "string" ? o : ""), g = r ? m + " " + r : m;
+  return /* @__PURE__ */ i(
+    C,
+    {
+      id: c,
+      value: b ?? {
+        id: c,
+        label: m,
+        avatarUrl: s,
+        supportingText: r,
+        isDisabled: p,
+        icon: t
+      },
+      textValue: g,
+      isDisabled: p,
+      ...y,
+      className: (e) => n(
+        "w-full px-1.5 py-px outline-hidden",
+        typeof d == "function" ? d(e) : d
+      ),
+      children: (e) => /* @__PURE__ */ f(
+        "div",
+        {
+          className: n(
+            "flex cursor-pointer items-center gap-2 rounded-md outline-hidden select-none hover:bg-primary_hover",
+            e.isSelected && "bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600",
+            e.isDisabled && "cursor-not-allowed",
+            e.isFocusVisible && "ring-1 ring-focus-ring ring-inset",
+            // Icon styles
+            "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary",
+            e.isDisabled && "*:data-icon:text-fg-disabled",
+            // @ts-ignore
+            V[l]
+          ),
+          children: [
+            s ? /* @__PURE__ */ i(S, { "aria-hidden": "true", size: "sm", src: s, alt: a }) : N(t) ? /* @__PURE__ */ i(t, { "data-icon": !0, "aria-hidden": "true" }) : v(t) ? t : null,
+            /* @__PURE__ */ f("div", { className: "flex w-full min-w-0 flex-1 flex-wrap gap-x-2", children: [
+              /* @__PURE__ */ i(
+                x,
+                {
+                  slot: "label",
+                  className: n(
+                    "truncate font-medium whitespace-nowrap text-primary",
+                    e.isDisabled && "text-disabled",
+                    h,
+                    u[l]
+                  ),
+                  children: a || (typeof o == "function" ? o(e) : o)
+                }
+              ),
+              r && /* @__PURE__ */ i(
+                x,
+                {
+                  slot: "description",
+                  className: n(
+                    "whitespace-nowrap text-tertiary",
+                    u[l],
+                    e.isDisabled && "text-disabled"
+                  ),
+                  children: r
+                }
+              )
+            ] }),
+            e.isSelected && /* @__PURE__ */ i(
+              z,
+              {
+                "aria-hidden": "true",
+                className: n(
+                  "ml-auto text-fg-brand-primary",
+                  e.isDisabled && "text-fg-disabled"
+                ),
+                size: 16
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  O as SelectItem
+};

package/dist/primitives/select/select-native.d.ts

@@ -0,0 +1,14 @@
+import { SelectHTMLAttributes } from 'react';
+interface NativeSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    hint?: string;
+    selectClassName?: string;
+    options: {
+        label: string;
+        value: string;
+        disabled?: boolean;
+    }[];
+}
+export declare const NativeSelect: ({ label, hint, options, className, selectClassName, ...props }: NativeSelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select-native.d.ts.map

package/dist/primitives/select/select-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-native.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select-native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAS,MAAM,OAAO,CAAC;AAMzD,UAAU,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CACjE;AAED,eAAO,MAAM,YAAY,GAAI,gEAO1B,iBAAiB,4CAqDnB,CAAC"}

package/dist/primitives/select/select.d.ts

@@ -0,0 +1,61 @@
+import { FC, ReactNode, RefAttributes } from 'react';
+import { SelectProps as AriaSelectProps } from 'react-aria-components';
+import { ComboBox } from './combobox';
+import { SelectItem } from './select-item';
+import { SearchableSelect } from './searchable-select';
+export type SelectItemType = {
+    id: string;
+    label?: string;
+    avatarUrl?: string;
+    initials?: string;
+    isDisabled?: boolean;
+    supportingText?: string;
+    icon?: FC | ReactNode;
+};
+export interface CommonProps {
+    hint?: string;
+    label?: string;
+    tooltip?: string;
+    size: "sm" | "md" | "lg";
+    placeholder?: string;
+}
+export interface SelectProps extends Omit<AriaSelectProps<SelectItemType>, "children" | "items">, RefAttributes<HTMLDivElement>, CommonProps {
+    items?: SelectItemType[];
+    popoverClassName?: string;
+    placeholderIcon?: FC | ReactNode;
+    children: ReactNode | ((item: SelectItemType) => ReactNode);
+    textStyles?: string;
+    showChevron?: boolean;
+    /** When true, shows a clear button when a value is selected. Clearing calls onSelectionChange(null). Default false. */
+    isClearable?: boolean;
+}
+export declare const sizes: {
+    sm: {
+        root: string;
+        shortcut: string;
+    };
+    md: {
+        root: string;
+        shortcut: string;
+    };
+    lg: {
+        root: string;
+        shortcut: string;
+    };
+};
+export declare const fontSizes: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export declare const SelectContext: import('react').Context<{
+    size: "sm" | "md" | "lg";
+}>;
+declare const Select: ({ placeholder, placeholderIcon, size, children, items, label, hint, tooltip, className, textStyles, showChevron, isClearable, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const _Select: typeof Select & {
+    ComboBox: typeof ComboBox;
+    Item: typeof SelectItem;
+    Searchable: typeof SearchableSelect;
+};
+export { _Select as Select };
+//# sourceMappingURL=select.d.ts.map

package/dist/primitives/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAU5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAIjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAAyB,IAAI,GAAG,IAAI,GAAG,IAAI;EAEnE,CAAC;AAEH,QAAA,MAAM,MAAM,GAAI,yIAcb,WAAW,4CAwDb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/primitives/select/select.js

@@ -0,0 +1,208 @@
+import { jsx as e, jsxs as f, Fragment as B } from "react/jsx-runtime";
+import { createContext as j, isValidElement as T } from "react";
+import { ChevronDown as V, XClose as _ } from "@untitledui/icons";
+import { Select as k, ListBox as R, Button as z, SelectValue as K } from "react-aria-components";
+import { Avatar as L } from "../avatar/avatar.js";
+import { HintText as P } from "../input/hint-text.js";
+import { Label as U } from "../input/label.js";
+import { ComboBox as $ } from "./combobox.js";
+import { Popover as A } from "./popover.js";
+import { SelectItem as E } from "./select-item.js";
+import { SearchableSelect as F } from "./searchable-select.js";
+import { cx as o } from "../../utils/cn.js";
+import { isReactComponent as H } from "../../utils/is-react-component.js";
+const X = {
+  sm: { root: "py-1.5 px-2 h-8", shortcut: "pr-2" },
+  md: { root: "py-1.5 px-3 h-9", shortcut: "pr-2.5" },
+  lg: { root: "py-2.5 px-3.5 h-11", shortcut: "pr-3" }
+}, G = {
+  sm: "rounded-md",
+  md: "rounded-md",
+  lg: "rounded-lg"
+}, b = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-md"
+}, S = {
+  sm: "size-4",
+  md: "size-4",
+  lg: "size-5"
+}, J = {
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm"
+}, M = "relative flex w-full cursor-pointer items-center bg-primary ring-1 ring-secondary outline-hidden transition duration-100 ease-linear ring-inset", O = ({
+  isOpen: x,
+  isFocused: y,
+  isDisabled: n,
+  size: l,
+  placeholder: a,
+  placeholderIcon: d,
+  ref: m,
+  textStyles: h,
+  showChevron: s = !0,
+  isClearable: g = !1,
+  onClear: c,
+  selectedItem: u
+}) => {
+  const r = g && u && !n && c, i = /* @__PURE__ */ e(
+    z,
+    {
+      ref: m,
+      className: o(
+        M,
+        G[l],
+        (y || x) && "ring-1 ring-brand",
+        n && "cursor-not-allowed bg-disabled_subtle text-disabled"
+      ),
+      children: /* @__PURE__ */ e(
+        K,
+        {
+          className: o(
+            "flex h-max w-full items-center justify-start gap-2 truncate text-left align-middle",
+            // Icon styles
+            "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary in-disabled:*:data-icon:text-fg-disabled",
+            X[l].root
+          ),
+          children: (t) => {
+            var I, N, C, w, q;
+            const p = ((I = t.selectedItem) == null ? void 0 : I.icon) || d;
+            return /* @__PURE__ */ f(B, { children: [
+              (N = t.selectedItem) != null && N.avatarUrl ? /* @__PURE__ */ e(
+                L,
+                {
+                  size: "sm",
+                  src: t.selectedItem.avatarUrl,
+                  alt: t.selectedItem.label
+                }
+              ) : H(p) ? /* @__PURE__ */ e(
+                p,
+                {
+                  "data-icon": !0,
+                  "aria-hidden": "true",
+                  className: S[l]
+                }
+              ) : T(p) ? p : null,
+              t.selectedItem ? /* @__PURE__ */ f("section", { className: "flex w-full gap-2 truncate", children: [
+                /* @__PURE__ */ e(
+                  "p",
+                  {
+                    className: o(
+                      "truncate font-medium text-primary",
+                      b[l],
+                      h
+                    ),
+                    children: (C = t.selectedItem) == null ? void 0 : C.label
+                  }
+                ),
+                ((w = t.selectedItem) == null ? void 0 : w.supportingText) && /* @__PURE__ */ e("p", { className: o("text-tertiary", b[l]), children: (q = t.selectedItem) == null ? void 0 : q.supportingText })
+              ] }) : /* @__PURE__ */ e(
+                "p",
+                {
+                  className: o(
+                    "text-placeholder_subtle",
+                    b[l],
+                    n && "text-disabled"
+                  ),
+                  children: a
+                }
+              ),
+              s && /* @__PURE__ */ e(
+                V,
+                {
+                  "aria-hidden": "true",
+                  className: o(
+                    "ml-auto shrink-0 text-fg-quaternary",
+                    S[l]
+                  )
+                }
+              )
+            ] });
+          }
+        }
+      )
+    }
+  );
+  return r ? /* @__PURE__ */ f("div", { className: "relative flex w-full items-stretch", children: [
+    i,
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        "aria-label": "Clear selection",
+        onClick: () => c == null ? void 0 : c(),
+        className: o(
+          "absolute right-8 top-1/2 cursor-pointer flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-fg-quaternary outline-hidden transition hover:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring"
+        ),
+        children: /* @__PURE__ */ e(_, { "aria-hidden": !0, className: S[l] })
+      }
+    )
+  ] }) : i;
+}, Q = j({
+  size: "sm"
+}), W = ({
+  placeholder: x = "Select",
+  placeholderIcon: y,
+  size: n = "sm",
+  children: l,
+  items: a,
+  label: d,
+  hint: m,
+  tooltip: h,
+  className: s,
+  textStyles: g,
+  showChevron: c = !0,
+  isClearable: u = !1,
+  ...r
+}) => /* @__PURE__ */ e(Q.Provider, { value: { size: n }, children: /* @__PURE__ */ e(
+  k,
+  {
+    ...r,
+    className: (i) => o(
+      "flex flex-col gap-1.5",
+      typeof s == "function" ? s(i) : s
+    ),
+    children: (i) => /* @__PURE__ */ f(B, { children: [
+      d && /* @__PURE__ */ e(
+        U,
+        {
+          isRequired: i.isRequired,
+          tooltip: h,
+          className: J[n],
+          children: d
+        }
+      ),
+      /* @__PURE__ */ e(
+        O,
+        {
+          ...i,
+          size: n,
+          placeholder: x,
+          placeholderIcon: null,
+          textStyles: g,
+          showChevron: c,
+          isClearable: u,
+          onClear: u && r.onSelectionChange ? () => {
+            var t;
+            return (t = r.onSelectionChange) == null ? void 0 : t.call(r, null);
+          } : void 0,
+          selectedItem: r.selectedKey != null && a ? a.find(
+            (t) => String(t.id) === String(r.selectedKey)
+          ) ?? null : null
+        }
+      ),
+      /* @__PURE__ */ e(A, { size: n, className: o(r.popoverClassName), children: /* @__PURE__ */ e(R, { items: a, className: "size-full outline-hidden ", children: l }) }),
+      m && /* @__PURE__ */ e(P, { isInvalid: i.isInvalid, children: m })
+    ] })
+  }
+) }), v = W;
+v.ComboBox = $;
+v.Item = E;
+v.Searchable = F;
+export {
+  v as Select,
+  Q as SelectContext,
+  b as fontSizes,
+  X as sizes
+};

package/dist/primitives/tags/base-components/tag-close-x.d.ts

@@ -0,0 +1,9 @@
+import { RefAttributes } from 'react';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+interface TagCloseXProps extends AriaButtonProps, RefAttributes<HTMLButtonElement> {
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+export declare const TagCloseX: ({ size, className, ...otherProps }: TagCloseXProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tag-close-x.d.ts.map

package/dist/primitives/tags/base-components/tag-close-x.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-close-x.d.ts","sourceRoot":"","sources":["../../../../src/primitives/tags/base-components/tag-close-x.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,uBAAuB,CAAC;AAG/B,UAAU,cACR,SAAQ,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC;IACzD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,SAAS,GAAI,oCAIvB,cAAc,4CAkBhB,CAAC"}

package/dist/primitives/tags/base-components/tag-close-x.js

@@ -0,0 +1,35 @@
+import { jsx as r } from "react/jsx-runtime";
+import { XClose as n } from "@untitledui/icons";
+import { Button as a } from "react-aria-components";
+import { cx as e } from "../../../utils/cn.js";
+const t = {
+  sm: { root: "p-0.5", icon: "size-2.5" },
+  md: { root: "p-0.5", icon: "size-3" },
+  lg: { root: "p-0.75", icon: "size-3.5" }
+}, f = ({
+  size: o = "md",
+  className: i,
+  ...s
+}) => /* @__PURE__ */ r(
+  a,
+  {
+    slot: "remove",
+    "aria-label": "Remove this tag",
+    className: e(
+      "flex cursor-pointer rounded-[3px] text-fg-quaternary outline-transparent transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed",
+      t[o].root,
+      i
+    ),
+    ...s,
+    children: /* @__PURE__ */ r(
+      n,
+      {
+        className: e("transition-inherit-all", t[o].icon),
+        strokeWidth: "3"
+      }
+    )
+  }
+);
+export {
+  f as TagCloseX
+};

package/dist/primitives/text/text.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 declare const textVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
-    color?: "primary" | "secondary" | "tertiary" | "error" | "brand" | "warning" | "success" | null | undefined;
+    color?: "primary" | "secondary" | "tertiary" | "brand" | "error" | "warning" | "success" | null | undefined;
     align?: "left" | "right" | "center" | "justify" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TextProps extends VariantProps<typeof textVariants> {

package/dist/primitives/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, } from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,WAAW,CAAC"}

package/dist/primitives/tooltip/tooltip.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { ButtonProps as AriaButtonProps, TooltipProps as AriaTooltipProps, TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps } from 'react-aria-components';
+export interface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<AriaTooltipProps, "children"> {
+    /**
+     * The title of the tooltip.
+     */
+    title: ReactNode;
+    /**
+     * The description of the tooltip.
+     */
+    description?: ReactNode;
+    /**
+     * Whether to show the arrow on the tooltip.
+     *
+     * @default false
+     */
+    arrow?: boolean;
+    /**
+     * Delay in milliseconds before the tooltip is shown.
+     *
+     * @default 300
+     */
+    delay?: number;
+    /**
+     * Whether the tooltip content can be hovered over.
+     *
+     * @default true
+     */
+    isHoverable?: boolean;
+}
+export declare const Tooltip: ({ title, description, children, arrow, isHoverable, delay, closeDelay, trigger, isDisabled, isOpen, defaultOpen, offset, crossOffset, placement, onOpenChange, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export interface TooltipTriggerProps extends AriaButtonProps {
+}
+export declare const TooltipTrigger: ({ children, className, ...buttonProps }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/primitives/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,IAAI,gBAAgB,EAChC,4BAA4B,IAAI,gCAAgC,EACjE,MAAM,uBAAuB,CAAC;AAS/B,MAAM,WAAW,YACf,SAAQ,gCAAgC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC5E;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,GAAI,kLAiBrB,YAAY,4CAmFd,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAE/D,eAAO,MAAM,cAAc,GAAI,yCAI5B,mBAAmB,4CAcrB,CAAC"}

package/dist/primitives/tooltip/tooltip.js

@@ -0,0 +1,104 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { TooltipTrigger as v, Tooltip as z, OverlayArrow as B, Button as N } from "react-aria-components";
+import { cx as s } from "../../utils/cn.js";
+const A = ({
+  title: e,
+  description: t,
+  children: i,
+  arrow: n = !1,
+  isHoverable: p = !0,
+  delay: c = 300,
+  closeDelay: d = 0,
+  trigger: f,
+  isDisabled: g,
+  isOpen: h,
+  defaultOpen: u,
+  offset: x = 6,
+  crossOffset: b,
+  placement: l = "top",
+  onOpenChange: T,
+  ...w
+}) => {
+  const y = [
+    "top left",
+    "top end",
+    "bottom left",
+    "bottom end"
+  ].includes(l), O = [
+    "top right",
+    "top start",
+    "bottom right",
+    "bottom start"
+  ].includes(l);
+  return /* @__PURE__ */ m(
+    v,
+    {
+      trigger: f,
+      delay: c,
+      closeDelay: d,
+      isDisabled: g,
+      isOpen: h,
+      defaultOpen: u,
+      onOpenChange: T,
+      children: [
+        i,
+        /* @__PURE__ */ o(
+          z,
+          {
+            ...w,
+            offset: x,
+            placement: l,
+            crossOffset: b ?? (y ? -12 : O ? 12 : 0),
+            className: ({ isEntering: r, isExiting: a }) => s(
+              r && "ease-out animate-in",
+              a && "ease-in animate-out",
+              !e && "hidden",
+              !p && "pointer-events-none"
+            ),
+            children: ({ isEntering: r, isExiting: a }) => /* @__PURE__ */ m(
+              "div",
+              {
+                className: s(
+                  "z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform",
+                  t ? "py-3" : "py-2",
+                  r && "ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5",
+                  a && "ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5"
+                ),
+                children: [
+                  /* @__PURE__ */ o("span", { className: "text-xs font-semibold text-white", children: e }),
+                  t && /* @__PURE__ */ o("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: t }),
+                  n && /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
+                    "svg",
+                    {
+                      viewBox: "0 0 100 100",
+                      className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180",
+                      children: /* @__PURE__ */ o("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" })
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, M = ({
+  children: e,
+  className: t,
+  ...i
+}) => /* @__PURE__ */ o(
+  N,
+  {
+    ...i,
+    className: (n) => s(
+      "h-max w-max outline-hidden",
+      typeof t == "function" ? t(n) : t
+    ),
+    children: e
+  }
+);
+export {
+  A as Tooltip,
+  M as TooltipTrigger
+};