torch-glare 2.5.6 → 2.6.0

package/dist/src/shared/suggestOtherCommand.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggestOtherCommand.js","sourceRoot":"","sources":["../../../cli/src/shared/suggestOtherCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEpC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/D,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;AAE7D,2CAA2C;AAC3C,MAAM,KAAK,GAAsD;IAC7D,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChD,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IACnD,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACtD,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/D,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAE5D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC;YAAE,SAAS;QAElC,KAAK,MAAM,KAAK,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC;gBAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;gBAC9C,OAAO,IAAI,IAAI,UAAU,IAAI,CAAC,KAAK,wBAAwB,IAAI,CAAC,OAAO,IAAI,IAAI,KAAK,CAAC;YACzF,CAAC;QACL,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC"}
+{"version":3,"file":"suggestOtherCommand.js","sourceRoot":"","sources":["../../../cli/src/shared/suggestOtherCommand.ts"],"names":[],"mappings":"AAIA,4EAA4E;AAC5E,MAAM,KAAK,GAAyD;IAChE,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE;IAClD,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACzC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IAC5C,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC/C,SAAS,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;CACxD,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CAC/B,QAAkB,EAClB,KAAa,EACb,OAAiB;IAEjB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAE5D,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CACtE,CAAC;IACF,IAAI,KAAK,EAAE,CAAC;QACR,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,IAAI,KAAK,CAAC,IAAI,UAAU,IAAI,CAAC,KAAK,wBAAwB,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC;IACrG,CAAC;IAED,6FAA6F;IAC7F,uDAAuD;IACvD,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK;SACtB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;SACvC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;SACxB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC;SACD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,OAAO,iBAAiB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IAC/C,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/src/types/main.d.ts

@@ -1,22 +1,51 @@
 export interface Config {
+    /** Where components are installed, e.g. "./src/app/components/ui". A leading "@/" is stripped. */
     path: string;
 }
 export interface DependenciesInfo {
     depsNames: Set<string>;
     depsNamesAndVersions: Record<string, string>;
 }
-/** A single entry in apps/lib/registry.json. */
+/** A single entry in the registry index. */
 export interface RegistryItem {
     name: string;
     /** Folder name, which doubles as the CLI install sub-folder. */
     type: "components" | "hooks" | "utils" | "layouts" | "providers";
-    /** Source path relative to apps/lib, e.g. "components/Select.tsx". */
+    /** Path relative to the library root, e.g. "components/Select.tsx". May be a directory. */
     path: string;
+    /**
+     * Every source file this item is made of, relative to the library root — the expansion of
+     * `path` when it is a directory (`components/DataViews` is 34 files).
+     *
+     * Optional only because a registry generated before this field existed does not carry it.
+     */
+    files?: string[];
     /** External npm packages this item imports (normalized install names). */
     npmDependencies: string[];
     /** Other registry items it depends on, as "type/name" refs. */
     registryDependencies: string[];
 }
+/** One file of a hosted registry item, with its content inlined. */
+export interface RegistryFile {
+    /** Path relative to the library root, e.g. "components/DataViews/index.ts". */
+    path: string;
+    /** Where it installs, relative to the configured `path`. Equal to `path` for this registry. */
+    target: string;
+    content: string;
+}
+/**
+ * A single item as served at `<registry>/<type>/<name>.json` — self-contained, so a consumer
+ * needs no access to the library source tree.
+ */
+export interface RegistryItemPayload {
+    version: string;
+    name: string;
+    type: RegistryItem["type"];
+    /** npm packages, pinned inline (`react-hook-form@^7.54.2`). */
+    dependencies: string[];
+    registryDependencies: string[];
+    files: RegistryFile[];
+}
 export interface Registry {
     version: string;
     generatedBy: string;

package/dist/src/types/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../cli/src/types/main.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACnB,IAAI,EAAE,MAAM,CAAC;CAEhB;AAED,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChD;AAED,gDAAgD;AAChD,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,IAAI,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IACjE,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,+DAA+D;IAC/D,oBAAoB,EAAE,MAAM,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,QAAQ;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,6DAA6D;AAC7D,MAAM,WAAW,WAAW;IACxB,wEAAwE;IACxE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,8CAA8C;IAC9C,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAChC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../cli/src/types/main.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACnB,kGAAkG;IAClG,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChD;AAED,4CAA4C;AAC5C,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,IAAI,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IACjE,2FAA2F;IAC3F,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,0EAA0E;IAC1E,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,+DAA+D;IAC/D,oBAAoB,EAAE,MAAM,EAAE,CAAC;CAClC;AAED,oEAAoE;AACpE,MAAM,WAAW,YAAY;IACzB,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAC;IACb,+FAA+F;IAC/F,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,+DAA+D;IAC/D,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,QAAQ;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,6DAA6D;AAC7D,MAAM,WAAW,WAAW;IACxB,wEAAwE;IACxE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,8CAA8C;IAC9C,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAChC"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "torch-glare",
-  "version": "2.5.6",
+  "version": "2.6.0",
   "type": "module",
   "license": "MIT",
-  "description": "A copy-in React component library (TypeScript + Radix UI + Tailwind CSS). Its CLI copies component source directly into your project — you own the code.",
+  "description": "A React component library (TypeScript + Radix UI + Tailwind CSS). Its CLI installs component source from a hosted registry straight into your project — you own the code.",
   "homepage": "https://glare.torchcorp.com",
   "repository": {
     "type": "git",
@@ -22,11 +22,7 @@
     "cli"
   ],
   "files": [
-    "dist",
-    "apps/lib",
-    "docs",
-    "!**/*-dev.*",
-    "!apps/lib/components/**/*.md"
+    "dist"
   ],
   "bin": {
     "torch-glare": "dist/bin/index.js"
@@ -37,17 +33,16 @@
   "scripts": {
     "build": "tsc -b",
     "registry": "node scripts/bin/generateRegistry/index.js",
-    "examples": "node scripts/bin/generateExampleDocs/index.js",
+    "tag": "node scripts/bin/tagRelease/index.js",
     "docs:fix": "node scripts/bin/fixDocs/index.js",
     "check:ai-docs": "node scripts/bin/checkAiDocs/index.js",
+    "hooks:install": "git config core.hooksPath .githooks",
     "typecheck": "pnpm -C apps run typecheck",
     "lint": "pnpm -C apps run lint:lib",
     "format": "pnpm -C apps run format",
     "format:check": "pnpm -C apps run format:check",
     "test": "pnpm -C apps run test",
-    "mcp:build": "pnpm -C mcp install && pnpm -C mcp run build",
-    "prepare": "pnpm -C mcp install && pnpm -C mcp run build",
-    "deploy": "pnpm run registry && pnpm run examples && pnpm run check:ai-docs && npx tsc --build --force && npm publish --access public"
+    "deploy": "pnpm run registry && pnpm run check:ai-docs && npx tsc --build --force && npm publish --access public && pnpm run tag"
   },
   "dependencies": {
     "commander": "^13.1.0",

package/apps/lib/components/ActionButton.tsx

@@ -1,93 +0,0 @@
-import React, { ButtonHTMLAttributes } from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-import { Button } from "./Button";
-import { cn } from "../utils/cn";
-import { ButtonVariant, Themes } from "../utils/types";
-
-/**
- * The button that sits at the end of an input field — Figma `ActionButton` (Type=DropDown).
- *
- * Sizes are Figma's exactly: Xs 18, S 22, M 32, with `radius/sm` on the two small ones and
- * `radius/lg` on M.
- *
- * The `!` on the radius is load-bearing. `twMerge` does not dedupe `rounded-radius-*` — they are
- * custom scale keys, not values it recognises — so this radius and the one coming from `Button`'s
- * own `size` variant both survive, and CSS source order picks the winner. Tailwind emits the scale
- * in config order (sm before md before lg), so without `!` size S would render Button M's 6px
- * instead of its own 4px.
- */
-const buttonVariants = cva("", {
-  variants: {
-    size: {
-      XS: "h-[18px] w-[18px] text-[12px] !rounded-radius-sm",
-      S: "h-[22px] w-[22px] text-[12px] !rounded-radius-sm",
-      M: "h-[32px] w-[32px] text-[18px] !rounded-radius-lg",
-    },
-  },
-  defaultVariants: {
-    size: "M",
-  },
-});
-
-/**
- * Default/hover/disabled colours as Figma binds them. Applied only when the caller passes no
- * `variant`, so anything asking for a specific Button variant still gets it.
- *
- * `action-secondary` and `action-disabled` already match `Button`'s `PrimeStyle` equivalents; the
- * real difference is hover, where `PrimeStyle` uses `button-hover` and the design uses
- * `action-hover`.
- */
-const actionTokens = [
-  "bg-background-presentation-action-secondary",
-  "text-content-presentation-action-light-primary",
-  "hover:bg-background-presentation-action-hover",
-  "hover:text-content-presentation-global-hover",
-  "disabled:bg-background-presentation-action-disabled",
-  "disabled:text-content-presentation-state-disabled",
-];
-
-interface Props
-  extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-  is_loading?: boolean;
-  disabled?: boolean;
-  asChild?: boolean;
-  as?: React.ElementType;
-  theme?: Themes;
-  variant?: ButtonVariant;
-}
-export const ActionButton = function ({
-  size,
-  asChild,
-  as: Tag = "button",
-  className,
-  variant,
-  type = "button",
-  children,
-  theme,
-  ...props
-}: Props) {
-  return (
-    <Button
-      theme={theme}
-      asChild={asChild}
-      // Forwarded, not swallowed: the chevron inside a field renders `as="span"` because it is
-      // nested in a clickable trigger, and a <button> cannot contain a <button>.
-      as={Tag}
-      buttonType="icon"
-      // `type` is only meaningful on a real button; on a span it would be an invalid attribute.
-      type={Tag === "button" ? type : undefined}
-      size={size == "XS" ? "S" : size == "S" ? "M" : size == "M" ? "L" : "S"}
-      variant={variant}
-      className={cn(
-        buttonVariants({
-          size,
-        }),
-        !variant && actionTokens,
-        className,
-      )}
-      {...props}
-    >
-      {children}
-    </Button>
-  );
-};

package/apps/lib/components/ActionsGroup.tsx

@@ -1,27 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { cn } from "../utils/cn";
-import { Themes } from "../utils/types";
-import { Divider } from "./Divider";
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  withDivider?: boolean; // to display the divider line if you pass it see on figma design file
-  theme?: Themes;
-}
-
-const ActionsGroup: React.FC<Props> = ({ withDivider, className, children, theme, ...props }) => {
-  return (
-    <section
-      {...props}
-      data-theme={theme}
-      className={cn("flex items-center gap-2 w-full", className)}
-    >
-      {withDivider && <Divider />}
-      {children}
-      {withDivider && <Divider />}
-    </section>
-  );
-};
-
-//          <div className="flex border-t border-solid border-border-presentation-global-primary flex-1 px-2" />
-
-export default ActionsGroup;

package/apps/lib/components/AlertDialog.tsx

@@ -1,204 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-
-import { cn } from "../utils/cn";
-import { Button, buttonVariants } from "./Button";
-import { ButtonVariant } from "../utils/types";
-import { cva } from "class-variance-authority";
-
-const StatusTextStyle = cva("", {
-  variants: {
-    variant: {
-      default:
-        "[&_strong]:text-content-presentation-global-primary  [&_[data-description]]:text-content-presentation-global-primary",
-      info: "[&_strong]:text-content-presentation-state-information  [&_[data-description]]:text-content-presentation-state-information",
-      success:
-        "[&_strong]:text-content-presentation-state-success [&_[data-description]]:text-content-presentation-state-success",
-      warning:
-        "[&_strong]:text-content-presentation-state-warning  [&_[data-description]]:text-content-presentation-state-warning",
-      error:
-        "[&_strong]:text-content-presentation-state-negative  [&_[data-description]]:text-content-presentation-state-negative",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-
-const AlertDialog = AlertDialogPrimitive.Root;
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-
-const AlertDialogOverlay = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className,
-    )}
-    {...props}
-    ref={ref}
-  />
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-
-const AlertDialogContent = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
-    variant?: "info" | "success" | "warning" | "error" | "default";
-  }
->(({ className, variant = "default", ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        StatusTextStyle({ variant }),
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[800px] translate-x-[-50%] translate-y-[-50%]",
-        "gap-2 rounded-[16px] border-2 border-border-presentation-global-primary",
-        "bg-background-presentation-body-overlay-primary p-[12px]",
-        "text-content-presentation-global-primary",
-        "shadow-lg duration-200",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
-        "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-        className,
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-
-const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex justify-between space-x-2 text-left", className)} {...props} />
-);
-AlertDialogHeader.displayName = "AlertDialogHeader";
-
-const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
-    {...props}
-  />
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-
-const AlertDialogTitle = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title
-    ref={ref}
-    className={cn("typography-display-medium-semibold", className)}
-    {...props}
-  />
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-
-const AlertDialogLabel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & {
-    title: string;
-  }
->(({ className, title, ...props }, ref) => {
-  const words = title.split(" ");
-  const firstWord = words[0];
-  const restOfTitle = words.slice(1).join(" ");
-
-  return (
-    <AlertDialogPrimitive.Title
-      ref={ref}
-      className={cn("typography-display-medium-semibold", className)}
-      {...props}
-    >
-      <p className="first-letter:uppercase typography-display-medium-semibold">
-        <strong className="typography-display-medium-semibold">{firstWord}</strong>
-        {restOfTitle.length > 0 && " " + restOfTitle}
-      </p>
-    </AlertDialogPrimitive.Title>
-  );
-});
-AlertDialogLabel.displayName = "AlertDialogLabel";
-
-const AlertDialogDescription = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description
-    data-description=""
-    ref={ref}
-    className={cn(
-      "typography-body-large-medium",
-      "bg-background-presentation-form-base",
-      "border border-border-presentation-global-primary",
-      "rounded-[8px] p-[24px_48px_48px_48px]",
-      className,
-    )}
-    {...props}
-  />
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-
-const AlertDialogAction = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Action>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & {
-    size?: "M" | "S" | "L" | "XL";
-    variant?: ButtonVariant;
-    buttonType?: "button" | "icon";
-  }
->(({ className, size = "M", variant = "BorderStyle", buttonType = "button", ...props }, ref) => (
-  <AlertDialogPrimitive.Action
-    ref={ref}
-    className={cn(
-      buttonVariants({ variant: variant, size: size, buttonType: buttonType }),
-      className,
-    )}
-    asChild
-  >
-    <Button size={size} variant={variant} buttonType={buttonType} {...props} />
-  </AlertDialogPrimitive.Action>
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-
-const AlertDialogCancel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & {
-    size?: "M" | "S" | "L" | "XL";
-    variant?: ButtonVariant;
-    buttonType?: "button" | "icon";
-  }
->(({ className, size = "M", variant = "RedSecStyle", buttonType = "icon", ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(
-      buttonVariants({ variant: variant, size: size, buttonType: buttonType }),
-      "",
-      className,
-    )}
-    {...props}
-  />
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogLabel,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-};

package/apps/lib/components/Avatar.tsx

@@ -1,46 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { cn } from "../utils/cn";
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)}
-    {...props}
-  />
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image
-    ref={ref}
-    className={cn("aspect-square h-full w-full object-cover", className)}
-    {...props}
-  />
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-background-presentation-action-disabled text-content-presentation-global-primary",
-      className,
-    )}
-    {...props}
-  />
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-export { Avatar, AvatarImage, AvatarFallback };