@ekanos/ui 0.1.0

package/dist/separator.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+
+declare function Separator({ className, orientation, ...props }: Separator$1.Props): React.JSX.Element;
+
+export { Separator };

package/dist/separator.js

@@ -0,0 +1,35 @@
+'use client';
+
+// ../ui/src/shadcn/separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+
+// ../ui/src/lib/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../ui/src/shadcn/separator.tsx
+import { jsx } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Separator
+};

package/dist/skeleton.d.ts

@@ -0,0 +1,5 @@
+import * as React$1 from 'react';
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+
+export { Skeleton };

package/dist/skeleton.js

@@ -0,0 +1,22 @@
+// ../ui/src/lib/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../ui/src/shadcn/skeleton.tsx
+import { jsx } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+export {
+  Skeleton
+};

package/dist/spinner.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+
+/**
+ * Indeterminate loading indicator.
+ *
+ * Drawn as an inline SVG so the component carries its own artwork: it needs no
+ * icon font, no `lucide-react`, and no client-side runtime. That makes this
+ * subpath hook-free and directive-free, so it renders from a React Server
+ * Component as happily as from a client one.
+ *
+ * The two-part figure — a faint full ring under a quarter-turn arc — is what
+ * reads as motion while spinning, and still reads as a "busy" glyph when it is
+ * held still.
+ *
+ * Motion is expressed with Tailwind utilities (`animate-spin`, plus
+ * `motion-reduce:animate-none` so the arc freezes for anyone who has asked
+ * their OS for reduced motion). Like every other component here, the host page
+ * owns the stylesheet that defines them.
+ *
+ * `className` lands on the SVG so the usual sizing and colour utilities apply
+ * (`<Spinner className="size-4 text-primary" />`); any other prop lands on the
+ * wrapping status element.
+ */
+declare function Spinner({ className, ...props }: ComponentProps<'span'>): React.JSX.Element;
+
+export { Spinner };

package/dist/spinner.js

@@ -0,0 +1,49 @@
+// ../ui/src/lib/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/_impl/spinner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { role: "status", "aria-label": "Loading", ...props, children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      className: cn(
+        "text-muted-foreground size-6 animate-spin motion-reduce:animate-none",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "12",
+            cy: "12",
+            r: "9",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            className: "opacity-20"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21 12a9 9 0 0 0-9-9",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  Spinner
+};

package/dist/tooltip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+
+declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React.JSX.Element;
+declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React.JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset'>): React.JSX.Element;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/tooltip.js

@@ -0,0 +1,74 @@
+'use client';
+
+// ../ui/src/shadcn/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+
+// ../ui/src/lib/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../ui/src/shadcn/tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delay,
+      ...props
+    }
+  );
+}
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    TooltipPrimitive.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs(
+        TooltipPrimitive.Popup,
+        {
+          "data-slot": "tooltip-content",
+          className: cn(
+            "bg-foreground text-background z-50 w-fit origin-(--transform-origin) rounded-md px-3 py-1.5 text-xs text-balance transition-[translate,scale,opacity] data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0 data-[side=bottom]:data-starting-style:-translate-y-2 data-[side=left]:data-starting-style:translate-x-2 data-[side=right]:data-starting-style:-translate-x-2 data-[side=top]:data-starting-style:translate-y-2",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 rotate-45 rounded-[2px] data-[side=bottom]:-top-1 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-1" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};

package/dist/trans.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+import { Trans as Trans$1 } from 'react-i18next/TransWithoutContext';
+
+/**
+ * Props accepted by {@link Trans}.
+ *
+ * Derived from react-i18next's own component rather than hand-listed, so the
+ * full translation surface (`i18nKey`, `defaults`, `values`, `components`,
+ * `ns`, `count`, `tOptions`, an explicit `i18n` instance, …) stays available
+ * and stays in step with the library across upgrades.
+ */
+type TransProps = ComponentProps<typeof Trans$1>;
+/**
+ * Translated text.
+ *
+ * Built on `react-i18next/TransWithoutContext` — the context-free entry point —
+ * rather than the default `react-i18next` export. The default export resolves
+ * its instance through `useTranslation()`, and a hook would make this module a
+ * client module; the context-free component reads the instance registered
+ * globally via `initReactI18next` instead, which keeps this subpath renderable
+ * from a React Server Component.
+ *
+ * ## Behaviour with no i18next instance
+ *
+ * Verified against react-i18next 16.5.4: when no instance is passed via the
+ * `i18n` prop and none has been registered globally, the component logs a
+ * one-time `NO_I18NEXT_INSTANCE` console warning and returns its children
+ * unmodified. It does not throw.
+ *
+ * Note the sharp edge this implies: the fallback is **children**, not
+ * `defaults`. `<Trans i18nKey="a.b" defaults="Continue" />` has no children, so
+ * with no instance available it renders nothing at all. Supply children when a
+ * string must survive an unconfigured host:
+ * `<Trans i18nKey="a.b" defaults="Continue">Continue</Trans>`.
+ */
+declare function Trans(props: TransProps): React.JSX.Element;
+
+export { Trans, type TransProps };

package/dist/trans.js

@@ -0,0 +1,9 @@
+// src/_impl/trans.tsx
+import { Trans as I18nTrans } from "react-i18next/TransWithoutContext";
+import { jsx } from "react/jsx-runtime";
+function Trans(props) {
+  return /* @__PURE__ */ jsx(I18nTrans, { ...props });
+}
+export {
+  Trans
+};

package/dist/utils.d.ts

@@ -0,0 +1,23 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * @name isRouteActive
+ * @description A function to check if a route is active. This is used to
+ * @param end
+ * @param path
+ * @param currentPath
+ */
+declare function isRouteActive(path: string, currentPath: string, end?: boolean | ((path: string) => boolean)): boolean;
+/**
+ * @name checkIfRouteIsActive
+ * @description A function to check if a route is active. This is used to
+ * highlight the active link in the navigation.
+ * @param targetLink - The link to check against
+ * @param currentRoute - the current route
+ * @param depth - how far down should segments be matched?
+ */
+declare function checkIfRouteIsActive(targetLink: string, currentRoute: string, depth?: number): boolean;
+
+export { checkIfRouteIsActive, cn, isRouteActive };

package/dist/utils.js

@@ -0,0 +1,83 @@
+// ../ui/src/lib/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../ui/src/lib/utils/is-route-active.ts
+var ROOT_PATH = "/";
+function isRouteActive(path, currentPath, end) {
+  if (path === currentPath) {
+    return true;
+  }
+  if (typeof end === "function") {
+    return !end(currentPath);
+  }
+  const defaultEnd = end ?? true;
+  const oneLevelDeep = 1;
+  const threeLevelsDeep = 3;
+  const depth = defaultEnd ? oneLevelDeep : threeLevelsDeep;
+  return checkIfRouteIsActive(path, currentPath, depth);
+}
+function checkIfRouteIsActive(targetLink, currentRoute, depth = 1) {
+  const [targetPath, targetQuery] = targetLink.split("?");
+  const [currentPath, currentQuery] = currentRoute.split("?");
+  if (targetQuery) {
+    const targetParams = new URLSearchParams(targetQuery);
+    const currentParams = new URLSearchParams(currentQuery || "");
+    let allMatch = true;
+    for (const [key, value] of targetParams.entries()) {
+      if (currentParams.get(key) !== value) {
+        allMatch = false;
+        break;
+      }
+    }
+    if (!allMatch) {
+      return false;
+    }
+  }
+  const currentRoutePath = currentPath ?? "";
+  const targetLinkPath = targetPath ?? "";
+  if (!isRoot(currentRoutePath) && isRoot(targetLinkPath)) {
+    return false;
+  }
+  if (!currentRoutePath.includes(targetLinkPath)) {
+    return false;
+  }
+  const isSameRoute = targetLinkPath === currentRoutePath;
+  if (isSameRoute) {
+    return true;
+  }
+  return hasMatchingSegments(targetLinkPath, currentRoutePath, depth);
+}
+function splitIntoSegments(href) {
+  return href.split("/").filter(Boolean);
+}
+function hasMatchingSegments(targetLink, currentRoute, depth) {
+  const segments = splitIntoSegments(targetLink);
+  const matchingSegments = numberOfMatchingSegments(currentRoute, segments);
+  if (targetLink === currentRoute) {
+    return true;
+  }
+  return matchingSegments > segments.length - (depth - 1);
+}
+function numberOfMatchingSegments(href, segments) {
+  let count = 0;
+  for (const segment of splitIntoSegments(href)) {
+    if (segments.includes(segment)) {
+      count += 1;
+    } else {
+      return count;
+    }
+  }
+  return count;
+}
+function isRoot(path) {
+  return path === ROOT_PATH;
+}
+export {
+  checkIfRouteIsActive,
+  cn,
+  isRouteActive
+};

package/package.json

@@ -0,0 +1,150 @@
+{
+  "name": "@ekanos/ui",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Fusion-styled UI primitives for building Ekanos integrations outside the monorepo. A curated, published slice of the internal @kit/ui library.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/companydotcom/fusion.git",
+    "directory": "packages/ekanos-ui"
+  },
+  "homepage": "https://github.com/companydotcom/fusion/tree/dev/packages/ekanos-ui#readme",
+  "bugs": {
+    "url": "https://github.com/companydotcom/fusion/issues"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    "./alert": {
+      "types": "./dist/alert.d.ts",
+      "default": "./dist/alert.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "default": "./dist/button.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog.d.ts",
+      "default": "./dist/dialog.js"
+    },
+    "./separator": {
+      "types": "./dist/separator.d.ts",
+      "default": "./dist/separator.js"
+    },
+    "./card": {
+      "types": "./dist/card.d.ts",
+      "default": "./dist/card.js"
+    },
+    "./badge": {
+      "types": "./dist/badge.d.ts",
+      "default": "./dist/badge.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "default": "./dist/tooltip.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "default": "./dist/select.js"
+    },
+    "./form": {
+      "types": "./dist/form.d.ts",
+      "default": "./dist/form.js"
+    },
+    "./input": {
+      "types": "./dist/input.d.ts",
+      "default": "./dist/input.js"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/dropdown-menu.d.ts",
+      "default": "./dist/dropdown-menu.js"
+    },
+    "./label": {
+      "types": "./dist/label.d.ts",
+      "default": "./dist/label.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton.d.ts",
+      "default": "./dist/skeleton.js"
+    },
+    "./icon": {
+      "types": "./dist/icon.d.ts",
+      "default": "./dist/icon.js"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "default": "./dist/utils.js"
+    },
+    "./if": {
+      "types": "./dist/if.d.ts",
+      "default": "./dist/if.js"
+    },
+    "./trans": {
+      "types": "./dist/trans.d.ts",
+      "default": "./dist/trans.js"
+    },
+    "./spinner": {
+      "types": "./dist/spinner.d.ts",
+      "default": "./dist/spinner.js"
+    },
+    "./ai-prompt-input": {
+      "types": "./dist/ai-prompt-input.d.ts",
+      "default": "./dist/ai-prompt-input.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@base-ui/react": "1.6.0",
+    "ai": "^6.0.197",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "1.1.1",
+    "i18next": "25.7.2",
+    "nanoid": "^5.1.11",
+    "react-i18next": "^16.5.0",
+    "tailwind-merge": "^3.4.0"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-hook-form": "^7.68.0"
+  },
+  "devDependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.4",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "react-hook-form": "^7.68.0",
+    "tsup": "8.5.1",
+    "typescript": "^5.9.3",
+    "@kit/eslint-config": "0.2.0",
+    "@kit/ui": "0.1.0",
+    "@kit/prettier-config": "0.1.0",
+    "@kit/tsconfig": "0.1.0"
+  },
+  "prettier": "@kit/prettier-config",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/*"
+      ]
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "clean": "git clean -xdf .turbo node_modules dist",
+    "format": "prettier --check \"**/*.{ts,tsx,mjs}\"",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "pack:test": "node scripts/pack-test.mjs"
+  }
+}