@zukhruf/ui 0.0.0-stage → 0.3.31

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ezzabuzaid
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,74 @@
-# Temporary Holding Version
+# @zukhruf/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+React components that an app builds from the components of [`@zukhruf/shadcn`](../shadcn). This package is a UI extension: it does not ship its own copy of `@zukhruf/shadcn`. The app installs `@zukhruf/shadcn`, sets its theme, and imports its stylesheet. The components of this package then use the same copy and the same theme.
+
+The words in these documents have one meaning each. See the glossary in [CONTEXT.md](./CONTEXT.md).
+
+## Install
+
+```sh
+npm i @zukhruf/ui @zukhruf/shadcn
+```
+
+The peer dependencies are `@zukhruf/shadcn`, `react` 19, `react-dom` 19 and `tailwindcss` 4. Install `@zukhruf/shadcn` yourself. npm does not install it for you when `legacy-peer-deps` is set. The other dependencies, `cn` and `lucide-react`, install with the package.
+
+## Use it
+
+Import the stylesheets in the Tailwind CSS file of the app, after Tailwind. Import `@zukhruf/shadcn/styles.css` first, then `@zukhruf/ui/styles.css`:
+
+```css
+@import 'tailwindcss';
+@import '@zukhruf/shadcn/styles.css';
+@import '@zukhruf/ui/styles.css';
+```
+
+Obey two rules:
+
+- **Use a plain `@import`.** Do not add `layer(…)` to the import. The stylesheet holds an `@source` rule, and Tailwind CSS refuses an `@source` rule in a layer.
+- **Do not add an `@source` for the package.** The stylesheet registers its own `dist` folder. Tailwind CSS then finds the classes of the components.
+
+## TheButton
+
+`TheButton` is a `Button` of `@zukhruf/shadcn` with a loading state, an icon and a tooltip. It takes each prop of `Button`, for example `variant`, `size` and `onClick`, and these props:
+
+| Prop      | Type                         | Default | What it does                                                                                                                           |
+| --------- | ---------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `loading` | `boolean`                    |         | Disables the button. After `delay`, it shows a spinner in place of the icon.                                                           |
+| `delay`   | `number`                     | `300`   | The time in milliseconds from the start of `loading` to the spinner. A short load ends before the spinner shows, so it does not flash. |
+| `icon`    | `ReactNode` or a Lucide icon |         | The icon before the text. Give an element, for example `<Save />`, or a Lucide component, for example `Save`.                          |
+| `tooltip` | `string`                     |         | The text of a tooltip that shows when the user hovers over or focuses the button.                                                      |
+
+```tsx
+import { Settings, Trash } from 'lucide-react';
+
+import { TheButton } from '@zukhruf/ui';
+
+export function Toolbar({
+  deleting,
+  onDelete,
+}: {
+  deleting: boolean;
+  onDelete(): void;
+}) {
+  return (
+    <>
+      <TheButton
+        variant="destructive"
+        icon={Trash}
+        loading={deleting}
+        onClick={onDelete}
+      >
+        Delete
+      </TheButton>
+      <TheButton
+        size="icon"
+        variant="outline"
+        icon={Settings}
+        tooltip="Open settings"
+      />
+    </>
+  );
+}
+```
+
+With `size="icon"` (or another `icon-*` size), the button shows only the icon, and the spinner takes its place while loading. Give a `tooltip` to an icon button, so the user can know what it does.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './the-button.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./the-button.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from './the-button.tsx';\n"],"mappings":"AAAA,cAAc,iBAAkB","ignoreList":[]}

package/dist/the-button.d.ts

@@ -0,0 +1,106 @@
+import { type LucideIcon } from 'lucide-react';
+import { Button } from '@zukhruf/shadcn';
+interface TheButtonProps extends React.ComponentProps<typeof Button> {
+    /**
+     * Shows a loading spinner after the delay period.
+     * Disables the button while loading.
+     */
+    loading?: boolean;
+    /**
+     * Icon to display before the button text.
+     * Can be a React node or a Lucide icon component.
+     */
+    icon?: React.ReactNode | LucideIcon;
+    /**
+     * Delay in milliseconds before showing the loading spinner.
+     * @default 300
+     */
+    delay?: number;
+    /**
+     * Tooltip text shown on hover. When provided with `size="icon"`,
+     * creates an icon-only button with tooltip.
+     */
+    tooltip?: string;
+}
+/**
+ * A versatile button component with loading state and tooltip support.
+ *
+ * Supports all standard Button variants and sizes from shadcn/ui,
+ * plus additional features for loading states and icon-only buttons.
+ *
+ * @example
+ * // Basic button
+ * <TheButton>Click me</TheButton>
+ *
+ * @example
+ * // Primary button with loading state
+ * <TheButton loading={isSubmitting}>
+ *   Submit
+ * </TheButton>
+ *
+ * @example
+ * // Button with icon
+ * <TheButton icon={<Save className="size-4" />}>
+ *   Save Changes
+ * </TheButton>
+ *
+ * @example
+ * // Using Lucide icon directly
+ * <TheButton icon={Trash}>
+ *   Delete
+ * </TheButton>
+ *
+ * @example
+ * // Icon-only button with tooltip
+ * <TheButton
+ *   size="icon"
+ *   variant="outline"
+ *   icon={Settings}
+ *   tooltip="Open settings"
+ * />
+ *
+ * @example
+ * // Destructive variant
+ * <TheButton variant="destructive" icon={Trash}>
+ *   Delete Item
+ * </TheButton>
+ *
+ * @example
+ * // Ghost variant (for toolbars, menus)
+ * <TheButton variant="ghost" size="sm">
+ *   Cancel
+ * </TheButton>
+ *
+ * @example
+ * // Secondary variant
+ * <TheButton variant="secondary">
+ *   Secondary Action
+ * </TheButton>
+ *
+ * @example
+ * // Link variant
+ * <TheButton variant="link">
+ *   Learn more
+ * </TheButton>
+ *
+ * @example
+ * // Outline variant with custom delay
+ * <TheButton variant="outline" loading={isPending} delay={500}>
+ *   Processing...
+ * </TheButton>
+ *
+ * @example
+ * // Small size
+ * <TheButton size="sm" icon={Plus}>
+ *   Add Item
+ * </TheButton>
+ *
+ * @example
+ * // Large size
+ * <TheButton size="lg">
+ *   Get Started
+ * </TheButton>
+ */
+export declare function TheButton({ loading, disabled, children, delay, icon, tooltip, size, ...props }: TheButtonProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=the-button.d.ts.map

package/dist/the-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"the-button.d.ts","sourceRoot":"","sources":["../src/the-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EACL,MAAM,EAIP,MAAM,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IAClE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IACpC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAgJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAW,EACX,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,+BAsBhB"}

package/dist/the-button.js

@@ -0,0 +1,414 @@
+import { c as _c } from "react/compiler-runtime";
+import { cn } from 'cn';
+import { Loader2 } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { Button, Tooltip, TooltipContent, TooltipTrigger } from '@zukhruf/shadcn';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// --- Internal Components ---
+
+function useDelayedLoading(loading, delay) {
+  const $ = _c(4);
+  const isLoading = !!loading;
+  const [delayPassed, setDelayPassed] = useState(false);
+  let t0;
+  let t1;
+  if ($[0] !== delay || $[1] !== isLoading) {
+    t0 = () => {
+      if (!isLoading) {
+        return;
+      }
+      const timerId = setTimeout(() => {
+        setDelayPassed(true);
+      }, delay);
+      return () => {
+        clearTimeout(timerId);
+        queueMicrotask(() => setDelayPassed(false));
+      };
+    };
+    t1 = [isLoading, delay];
+    $[0] = delay;
+    $[1] = isLoading;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  return isLoading && delayPassed;
+}
+function isComponent(value) {
+  if (typeof value === 'function') return true;
+  return typeof value === 'object' && value !== null && '$$typeof' in value && 'render' in value && typeof value.render === 'function';
+}
+function IconRenderer(t0) {
+  const $ = _c(4);
+  const {
+    icon
+  } = t0;
+  if (isComponent(icon)) {
+    const Icon = icon;
+    let t1;
+    if ($[0] !== Icon) {
+      t1 = /*#__PURE__*/_jsx(Icon, {
+        className: "size-4"
+      });
+      $[0] = Icon;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[2] !== icon) {
+    t1 = /*#__PURE__*/_jsx(_Fragment, {
+      children: icon
+    });
+    $[2] = icon;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function LoadingSpinner() {
+  const $ = _c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/_jsx(Loader2, {
+      className: "size-4 animate-spin"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+}
+function IconButtonContent(t0) {
+  const $ = _c(11);
+  const {
+    icon,
+    showSpinner
+  } = t0;
+  let t1;
+  if ($[0] !== icon || $[1] !== showSpinner) {
+    t1 = icon && /*#__PURE__*/_jsx("div", {
+      className: cn("absolute inset-0 flex items-center justify-center transition-all duration-300 ease-in-out", showSpinner ? "-translate-x-full opacity-0" : "translate-x-0 opacity-100"),
+      children: /*#__PURE__*/_jsx(IconRenderer, {
+        icon: icon
+      })
+    });
+    $[0] = icon;
+    $[1] = showSpinner;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = showSpinner ? "translate-x-0 opacity-100" : "translate-x-full opacity-0";
+  let t3;
+  if ($[3] !== t2) {
+    t3 = cn("absolute inset-0 transition-all duration-300 ease-in-out", t2);
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx(LoadingSpinner, {});
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t3) {
+    t5 = /*#__PURE__*/_jsx("div", {
+      className: t3,
+      children: t4
+    });
+    $[6] = t3;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t1 || $[9] !== t5) {
+    t6 = /*#__PURE__*/_jsxs("div", {
+      className: "relative size-4 overflow-hidden",
+      children: [t1, t5]
+    });
+    $[8] = t1;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  return t6;
+}
+function TextButtonContent(t0) {
+  const $ = _c(13);
+  const {
+    icon,
+    showSpinner,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== icon || $[1] !== showSpinner) {
+    t1 = icon && /*#__PURE__*/_jsx("div", {
+      className: cn("overflow-hidden transition-all duration-300 ease-in-out", showSpinner ? "w-0 opacity-0" : "w-4 opacity-100"),
+      children: /*#__PURE__*/_jsx(IconRenderer, {
+        icon: icon
+      })
+    });
+    $[0] = icon;
+    $[1] = showSpinner;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = showSpinner ? "w-4 opacity-100" : "-ms-2 w-0 opacity-0";
+  const t3 = icon ? "-ms-2" : "";
+  let t4;
+  if ($[3] !== t2 || $[4] !== t3) {
+    t4 = cn("overflow-hidden transition-all duration-300 ease-in-out", t2, t3);
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx(LoadingSpinner, {});
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== t4) {
+    t6 = /*#__PURE__*/_jsx("div", {
+      className: t4,
+      children: t5
+    });
+    $[7] = t4;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== children || $[10] !== t1 || $[11] !== t6) {
+    t7 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t6, children]
+    });
+    $[9] = children;
+    $[10] = t1;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
+}
+function WithTooltip(t0) {
+  const $ = _c(7);
+  const {
+    tooltip,
+    children
+  } = t0;
+  if (!tooltip) {
+    return children;
+  }
+  let t1;
+  if ($[0] !== children) {
+    t1 = /*#__PURE__*/_jsx(TooltipTrigger, {
+      render: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== tooltip) {
+    t2 = /*#__PURE__*/_jsx(TooltipContent, {
+      children: tooltip
+    });
+    $[2] = tooltip;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(Tooltip, {
+      children: [t1, t2]
+    });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+
+/**
+ * A versatile button component with loading state and tooltip support.
+ *
+ * Supports all standard Button variants and sizes from shadcn/ui,
+ * plus additional features for loading states and icon-only buttons.
+ *
+ * @example
+ * // Basic button
+ * <TheButton>Click me</TheButton>
+ *
+ * @example
+ * // Primary button with loading state
+ * <TheButton loading={isSubmitting}>
+ *   Submit
+ * </TheButton>
+ *
+ * @example
+ * // Button with icon
+ * <TheButton icon={<Save className="size-4" />}>
+ *   Save Changes
+ * </TheButton>
+ *
+ * @example
+ * // Using Lucide icon directly
+ * <TheButton icon={Trash}>
+ *   Delete
+ * </TheButton>
+ *
+ * @example
+ * // Icon-only button with tooltip
+ * <TheButton
+ *   size="icon"
+ *   variant="outline"
+ *   icon={Settings}
+ *   tooltip="Open settings"
+ * />
+ *
+ * @example
+ * // Destructive variant
+ * <TheButton variant="destructive" icon={Trash}>
+ *   Delete Item
+ * </TheButton>
+ *
+ * @example
+ * // Ghost variant (for toolbars, menus)
+ * <TheButton variant="ghost" size="sm">
+ *   Cancel
+ * </TheButton>
+ *
+ * @example
+ * // Secondary variant
+ * <TheButton variant="secondary">
+ *   Secondary Action
+ * </TheButton>
+ *
+ * @example
+ * // Link variant
+ * <TheButton variant="link">
+ *   Learn more
+ * </TheButton>
+ *
+ * @example
+ * // Outline variant with custom delay
+ * <TheButton variant="outline" loading={isPending} delay={500}>
+ *   Processing...
+ * </TheButton>
+ *
+ * @example
+ * // Small size
+ * <TheButton size="sm" icon={Plus}>
+ *   Add Item
+ * </TheButton>
+ *
+ * @example
+ * // Large size
+ * <TheButton size="lg">
+ *   Get Started
+ * </TheButton>
+ */
+export function TheButton(t0) {
+  const $ = _c(18);
+  const {
+    loading,
+    disabled,
+    children,
+    delay: t1,
+    icon,
+    tooltip,
+    size,
+    ...props
+  } = t0;
+  const delay = t1 === undefined ? 300 : t1;
+  const showSpinner = useDelayedLoading(loading, delay);
+  let t2;
+  if ($[0] !== size) {
+    t2 = size?.startsWith("icon");
+    $[0] = size;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const isIconButton = t2;
+  const T0 = WithTooltip;
+  const T1 = Button;
+  const t3 = disabled || loading;
+  const t4 = cn("cursor-pointer gap-2", props.className);
+  let t5;
+  if ($[2] !== children || $[3] !== icon || $[4] !== isIconButton || $[5] !== showSpinner) {
+    t5 = isIconButton ? /*#__PURE__*/_jsx(IconButtonContent, {
+      icon: icon,
+      showSpinner: showSpinner
+    }) : /*#__PURE__*/_jsx(TextButtonContent, {
+      icon: icon,
+      showSpinner: showSpinner,
+      children: children
+    });
+    $[2] = children;
+    $[3] = icon;
+    $[4] = isIconButton;
+    $[5] = showSpinner;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== T1 || $[8] !== props || $[9] !== size || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {
+    t6 = /*#__PURE__*/_jsx(T1, {
+      disabled: t3,
+      size: size,
+      ...props,
+      className: t4,
+      children: t5
+    });
+    $[7] = T1;
+    $[8] = props;
+    $[9] = size;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== T0 || $[15] !== t6 || $[16] !== tooltip) {
+    t7 = /*#__PURE__*/_jsx(T0, {
+      tooltip: tooltip,
+      children: t6
+    });
+    $[14] = T0;
+    $[15] = t6;
+    $[16] = tooltip;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+}
+//# sourceMappingURL=the-button.js.map

package/dist/the-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"the-button.js","names":["cn","Loader2","useEffect","useState","Button","Tooltip","TooltipContent","TooltipTrigger","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useDelayedLoading","loading","delay","$","_c","isLoading","delayPassed","setDelayPassed","t0","t1","timerId","setTimeout","clearTimeout","queueMicrotask","isComponent","value","render","IconRenderer","icon","Icon","className","children","LoadingSpinner","Symbol","for","IconButtonContent","showSpinner","t2","t3","t4","t5","t6","TextButtonContent","t7","WithTooltip","tooltip","TheButton","disabled","size","props","undefined","startsWith","isIconButton","T0","T1"],"sources":["../src/the-button.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport { Loader2, type LucideIcon } from 'lucide-react';\nimport { useEffect, useState } from 'react';\n\nimport {\n  Button,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@zukhruf/shadcn';\n\ninterface TheButtonProps extends React.ComponentProps<typeof Button> {\n  /**\n   * Shows a loading spinner after the delay period.\n   * Disables the button while loading.\n   */\n  loading?: boolean;\n  /**\n   * Icon to display before the button text.\n   * Can be a React node or a Lucide icon component.\n   */\n  icon?: React.ReactNode | LucideIcon;\n  /**\n   * Delay in milliseconds before showing the loading spinner.\n   * @default 300\n   */\n  delay?: number;\n  /**\n   * Tooltip text shown on hover. When provided with `size=\"icon\"`,\n   * creates an icon-only button with tooltip.\n   */\n  tooltip?: string;\n}\n\n// --- Internal Components ---\n\nfunction useDelayedLoading(loading: boolean | undefined, delay: number) {\n  const isLoading = !!loading;\n  const [delayPassed, setDelayPassed] = useState(false);\n\n  useEffect(() => {\n    if (!isLoading) {\n      return;\n    }\n\n    const timerId = setTimeout(() => {\n      setDelayPassed(true);\n    }, delay);\n\n    return () => {\n      clearTimeout(timerId);\n      queueMicrotask(() => setDelayPassed(false));\n    };\n  }, [isLoading, delay]);\n\n  return isLoading && delayPassed;\n}\n\nfunction isComponent(\n  value: unknown,\n): value is React.ComponentType<{ className?: string }> {\n  if (typeof value === 'function') return true;\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    '$$typeof' in value &&\n    'render' in value &&\n    typeof value.render === 'function'\n  );\n}\n\nfunction IconRenderer({ icon }: { icon: React.ReactNode | LucideIcon }) {\n  if (isComponent(icon)) {\n    const Icon = icon;\n    return <Icon className=\"size-4\" />;\n  }\n  // Not a useless fragment: `isComponent` takes `unknown` and narrows only its\n  // positive branch, so `icon` is still `ReactNode | LucideIcon` here and\n  // `LucideIcon` is not assignable to `ReactNode`. The fragment is what makes\n  // this an Element. Returning `icon` bare fails with TS2786 at both call sites.\n  return <>{icon}</>;\n}\n\nfunction LoadingSpinner() {\n  return <Loader2 className=\"size-4 animate-spin\" />;\n}\n\nfunction IconButtonContent({\n  icon,\n  showSpinner,\n}: {\n  icon?: React.ReactNode | LucideIcon;\n  showSpinner: boolean;\n}) {\n  return (\n    <div className=\"relative size-4 overflow-hidden\">\n      {icon && (\n        <div\n          className={cn(\n            'absolute inset-0 flex items-center justify-center transition-all duration-300 ease-in-out',\n            showSpinner\n              ? '-translate-x-full opacity-0'\n              : 'translate-x-0 opacity-100',\n          )}\n        >\n          <IconRenderer icon={icon} />\n        </div>\n      )}\n      <div\n        className={cn(\n          'absolute inset-0 transition-all duration-300 ease-in-out',\n          showSpinner\n            ? 'translate-x-0 opacity-100'\n            : 'translate-x-full opacity-0',\n        )}\n      >\n        <LoadingSpinner />\n      </div>\n    </div>\n  );\n}\n\nfunction TextButtonContent({\n  icon,\n  showSpinner,\n  children,\n}: {\n  icon?: React.ReactNode | LucideIcon;\n  showSpinner: boolean;\n  children: React.ReactNode;\n}) {\n  return (\n    <>\n      {icon && (\n        <div\n          className={cn(\n            'overflow-hidden transition-all duration-300 ease-in-out',\n            showSpinner ? 'w-0 opacity-0' : 'w-4 opacity-100',\n          )}\n        >\n          <IconRenderer icon={icon} />\n        </div>\n      )}\n      <div\n        className={cn(\n          'overflow-hidden transition-all duration-300 ease-in-out',\n          showSpinner ? 'w-4 opacity-100' : '-ms-2 w-0 opacity-0',\n          icon ? '-ms-2' : '',\n        )}\n      >\n        <LoadingSpinner />\n      </div>\n      {children}\n    </>\n  );\n}\n\nfunction WithTooltip({\n  tooltip,\n  children,\n}: {\n  tooltip: string | undefined;\n  children: React.ReactElement;\n}) {\n  if (!tooltip) {\n    return children;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={children} />\n      <TooltipContent>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n/**\n * A versatile button component with loading state and tooltip support.\n *\n * Supports all standard Button variants and sizes from shadcn/ui,\n * plus additional features for loading states and icon-only buttons.\n *\n * @example\n * // Basic button\n * <TheButton>Click me</TheButton>\n *\n * @example\n * // Primary button with loading state\n * <TheButton loading={isSubmitting}>\n *   Submit\n * </TheButton>\n *\n * @example\n * // Button with icon\n * <TheButton icon={<Save className=\"size-4\" />}>\n *   Save Changes\n * </TheButton>\n *\n * @example\n * // Using Lucide icon directly\n * <TheButton icon={Trash}>\n *   Delete\n * </TheButton>\n *\n * @example\n * // Icon-only button with tooltip\n * <TheButton\n *   size=\"icon\"\n *   variant=\"outline\"\n *   icon={Settings}\n *   tooltip=\"Open settings\"\n * />\n *\n * @example\n * // Destructive variant\n * <TheButton variant=\"destructive\" icon={Trash}>\n *   Delete Item\n * </TheButton>\n *\n * @example\n * // Ghost variant (for toolbars, menus)\n * <TheButton variant=\"ghost\" size=\"sm\">\n *   Cancel\n * </TheButton>\n *\n * @example\n * // Secondary variant\n * <TheButton variant=\"secondary\">\n *   Secondary Action\n * </TheButton>\n *\n * @example\n * // Link variant\n * <TheButton variant=\"link\">\n *   Learn more\n * </TheButton>\n *\n * @example\n * // Outline variant with custom delay\n * <TheButton variant=\"outline\" loading={isPending} delay={500}>\n *   Processing...\n * </TheButton>\n *\n * @example\n * // Small size\n * <TheButton size=\"sm\" icon={Plus}>\n *   Add Item\n * </TheButton>\n *\n * @example\n * // Large size\n * <TheButton size=\"lg\">\n *   Get Started\n * </TheButton>\n */\nexport function TheButton({\n  loading,\n  disabled,\n  children,\n  delay = 300,\n  icon,\n  tooltip,\n  size,\n  ...props\n}: TheButtonProps) {\n  const showSpinner = useDelayedLoading(loading, delay);\n  const isIconButton = size?.startsWith('icon');\n\n  return (\n    <WithTooltip tooltip={tooltip}>\n      <Button\n        disabled={disabled || loading}\n        size={size}\n        {...props}\n        className={cn('cursor-pointer gap-2', props.className)}\n      >\n        {isIconButton ? (\n          <IconButtonContent icon={icon} showSpinner={showSpinner} />\n        ) : (\n          <TextButtonContent icon={icon} showSpinner={showSpinner}>\n            {children}\n          </TextButtonContent>\n        )}\n      </Button>\n    </WithTooltip>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,57 @@
 {
   "name": "@zukhruf/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.3.31",
+  "description": "React components built from the components of @zukhruf/shadcn, such as TheButton: a button with a delayed loading spinner, an icon and a tooltip.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JanuaryLabs/zukhruf",
+    "directory": "packages/ui"
+  },
+  "bugs": {
+    "url": "https://github.com/JanuaryLabs/zukhruf/issues"
+  },
+  "homepage": "https://github.com/JanuaryLabs/zukhruf/tree/main/packages/ui#readme",
+  "keywords": [
+    "shadcn",
+    "shadcn-ui",
+    "button",
+    "react",
+    "components",
+    "tailwindcss",
+    "ui"
+  ],
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "@zukhruf/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "styles.css",
+    "!dist/spec/**",
+    "!**/*.tsbuildinfo",
+    "!**/*.test.*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "cn": "^0.4.0",
+    "lucide-react": "^1.57.0"
+  },
+  "peerDependencies": {
+    "@zukhruf/shadcn": "^0.3.31",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0"
+  }
+}

package/styles.css

@@ -0,0 +1 @@
+@source "./dist";