@alexgorbatchev/shadcn 0.0.42 → 0.0.43

package/dist/chunk-38301e40.js

@@ -0,0 +1,182 @@
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  usePortalContainer2,
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-x90xmrba.js";
+import {
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  useAnalyticsCallback
+} from "./chunk-5mydsjp3.js";
+
+// src/components/Tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider2({ delay = 0, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delay,
+    ...props
+  });
+}
+function Tooltip2({
+  analytics,
+  ...props
+}) {
+  const trackedOnOpenChange = useAnalyticsCallback("Tooltip", analytics, (open, _details) => ({ name: "ui.open-request", open }), props.onOpenChange);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+    "data-slot": "tooltip",
+    ...props,
+    onOpenChange: trackedOnOpenChange
+  });
+}
+function TooltipTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  });
+}
+function TooltipContent2({
+  density,
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection2();
+  const container = usePortalContainer2();
+  const portal = usePortalNode();
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
+    container,
+    ref: portal.ref,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, {
+        dir: direction,
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: "isolate ",
+        children: /* @__PURE__ */ jsxs(TooltipPrimitive.Popup, {
+          "data-density": resolvedDensity,
+          "data-slot": "tooltip-content",
+          className: (state) => cn2("inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-control-gap rounded-md border border-frame-edge shadow-frame bg-popover px-3 py-1.5 font-sans text-xs text-popover-foreground has-data-[slot=kbd]:pe-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **: **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", typeof className === "function" ? className(state) : className),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
+              className: " size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-start-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-end-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
+            })
+          ]
+        })
+      })
+    })
+  });
+}
+
+// src/components/Button.tsx
+import { useId } from "react";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { jsx as jsx2, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
+var buttonVariants2 = cva("group/button inline-flex shrink-0 items-center rounded-sm border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none data-disabled:border-dashed data-disabled:border-border data-disabled:bg-transparent data-disabled:text-faint-foreground data-disabled:font-normal aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variants: {
+    truncate: { true: "max-w-full min-w-0" },
+    fullWidth: { true: "w-full" },
+    align: { start: "justify-start", center: "justify-center", end: "justify-end" },
+    variant: {
+      plain: "",
+      pad: "rounded-none border-border bg-secondary text-secondary-foreground hover:bg-muted data-disabled:border-solid data-disabled:bg-secondary data-disabled:text-muted-foreground",
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      outline: "border-input bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground ",
+      destructive: "border-destructive bg-transparent text-destructive hover:bg-destructive hover:text-destructive-foreground focus-visible:border-destructive/40 focus-visible:ring-destructive",
+      success: "bg-success text-success-foreground hover:bg-success/90",
+      warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      content: "min-h-control h-auto gap-control-gap px-control-x py-2 whitespace-normal",
+      inline: "h-auto gap-1 border-0 p-0",
+      default: "h-control gap-control-gap px-control-x has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+      xs: "h-control-xs gap-1 rounded-sm px-2 text-xs in-data-[slot=button-group]:rounded-sm has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-control-sm gap-1 rounded-sm px-control-x text-sm in-data-[slot=button-group]:rounded-sm has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+      lg: "h-control-lg gap-control-gap px-control-x has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+      icon: "size-control",
+      "icon-xs": "size-control-xs rounded-sm in-data-[slot=button-group]:rounded-sm [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-control-sm rounded-sm in-data-[slot=button-group]:rounded-sm",
+      "icon-lg": "size-control-lg"
+    }
+  },
+  defaultVariants: {
+    align: "center",
+    variant: "default",
+    size: "default"
+  }
+});
+function Button2({
+  analytics,
+  density,
+  className,
+  variant = "default",
+  size = "default",
+  align = "center",
+  truncate = false,
+  fullWidth = false,
+  children,
+  disabledReason,
+  ...props
+}) {
+  const trackedOnClick = useAnalyticsCallback("Button", analytics, { name: "ui.activate" }, props.onClick);
+  const reasonId = useId();
+  const button = /* @__PURE__ */ jsx2(ButtonPrimitive, {
+    "data-density": density,
+    "data-slot": "button",
+    className: (state) => cn2(buttonVariants2({ variant, size, align, truncate, fullWidth }), typeof className === "function" ? className(state) : className),
+    ...props,
+    disabled: Boolean(disabledReason) || props.disabled,
+    focusableWhenDisabled: Boolean(disabledReason) || props.focusableWhenDisabled,
+    "aria-describedby": [props["aria-describedby"], disabledReason ? reasonId : undefined].filter(Boolean).join(" ") || undefined,
+    onClick: trackedOnClick,
+    children: truncate ? /* @__PURE__ */ jsx2("span", {
+      className: "min-w-0 truncate",
+      children
+    }) : children
+  });
+  return /* @__PURE__ */ jsxs2(Fragment, {
+    children: [
+      disabledReason && /* @__PURE__ */ jsx2("span", {
+        id: reasonId,
+        className: "sr-only",
+        children: disabledReason
+      }),
+      /* @__PURE__ */ jsxs2(Tooltip2, {
+        disabled: !disabledReason,
+        children: [
+          /* @__PURE__ */ jsx2(TooltipTrigger2, {
+            render: button,
+            closeOnClick: false
+          }),
+          disabledReason && /* @__PURE__ */ jsx2(TooltipContent2, {
+            children: disabledReason
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { TooltipProvider2, Tooltip2, TooltipTrigger2, TooltipContent2, buttonVariants2, Button2 };

package/dist/{chunk-he0w0tx1.js → chunk-3b6ws9hk.js}

@@ -6,7 +6,7 @@ import {
   CommandGroup2,
   CommandItem2,
   CommandShortcut2
-} from "./chunk-dwkjt1mm.js";
+} from "./chunk-0twprqdp.js";
 import {
   Kbd2
 } from "./chunk-vyve5wf3.js";

package/dist/{chunk-ttdeyjvj.js → chunk-3c35ysaq.js}

@@ -7,7 +7,7 @@ import {
 import {
   ToggleGroup2,
   ToggleGroupItem2
-} from "./chunk-aexby8h3.js";
+} from "./chunk-w9s21aj0.js";
 import {
   pct,
   announced