@alpic-ai/ui 0.0.0-dev.a6a82e3 → 0.0.0-dev.ad4a0f4

package/dist/components/accordion-card.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
 
 //#region src/components/accordion-card.d.ts
 declare function AccordionCard({

package/dist/components/accordion.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
 
 //#region src/components/accordion.d.ts
 declare function Accordion({

package/dist/components/alert.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/alert.d.ts

package/dist/components/attachment-tile.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { TooltipIconButton } from "./tooltip-icon-button.mjs";
+import { useState } from "react";
 import { FileText, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
 //#region src/components/attachment-tile.tsx
 function AttachmentTile({ src, isImage, label, onRemove, onClick, className }) {
 	const [hasError, setHasError] = useState(false);

package/dist/components/avatar.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/breadcrumb.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/breadcrumb.d.ts
 declare function Breadcrumb({

package/dist/components/button.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/button.d.ts

package/dist/components/card.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/card.d.ts
 declare function Card({

package/dist/components/checkbox.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/components/checkbox.d.ts

package/dist/components/collapsible.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/components/collapsible.d.ts

package/dist/components/combobox.d.mts

@@ -1,8 +1,8 @@
 import { PopoverContent } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import { ReactNode } from "react";
 import { Command } from "cmdk";
 
 //#region src/components/combobox.d.ts

package/dist/components/combobox.mjs

@@ -3,9 +3,9 @@ import { cn } from "../lib/cn.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
 import { TagDismissible } from "./tag.mjs";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { Command } from "cmdk";
 //#region src/components/combobox.tsx
 const ComboboxContext = createContext(null);

package/dist/components/command.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 
 //#region src/components/command.d.ts

package/dist/components/copyable.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/copyable.d.ts
 interface CopyableProps {

package/dist/components/copyable.mjs

@@ -1,7 +1,7 @@
 "use client";
+import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { cn } from "../lib/cn.mjs";
 import { Button } from "./button.mjs";
-import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { Check, Copy } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/copyable.tsx

package/dist/components/description-list.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/description-list.d.ts
 declare function DescriptionList({

package/dist/components/dialog.d.mts

@@ -1,7 +1,7 @@
 import { ButtonProps } from "./button.mjs";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/dropdown-menu.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/form.d.mts

@@ -1,8 +1,8 @@
 import { InputProps } from "./input.mjs";
 import { Label } from "./label.mjs";
 import { TextareaProps } from "./textarea.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";

package/dist/components/form.mjs

@@ -5,9 +5,9 @@ import { Label } from "./label.mjs";
 import { Input } from "./input.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.mjs";
 import { Textarea } from "./textarea.mjs";
+import * as React from "react";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 //#region src/components/form.tsx

package/dist/components/input-group.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/input-group.d.ts

package/dist/components/input.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/input.d.ts
 interface InputProps extends Omit<React.ComponentProps<"input">, "size"> {

package/dist/components/input.mjs

@@ -2,9 +2,9 @@
 import { cn } from "../lib/cn.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Label } from "./label.mjs";
+import * as React from "react";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 //#region src/components/input.tsx
 const inputSizeStyles = {
 	sm: {

package/dist/components/label.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
 //#region src/components/label.d.ts

package/dist/components/pagination.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/pagination.d.ts
 interface PaginationProps extends React.ComponentProps<"nav"> {

package/dist/components/popover.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/components/popover.d.ts

package/dist/components/radio-group.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 
 //#region src/components/radio-group.d.ts

package/dist/components/scroll-area.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
 //#region src/components/scroll-area.d.ts

package/dist/components/select.d.mts

@@ -1,7 +1,7 @@
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/select.d.ts

package/dist/components/separator.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region src/components/separator.d.ts

package/dist/components/sheet.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/sheet.d.ts

package/dist/components/sidebar.d.mts

@@ -1,8 +1,8 @@
 import { Button } from "./button.mjs";
 import { TooltipContent } from "./tooltip.mjs";
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/sidebar.d.ts

package/dist/components/sidebar.mjs

@@ -1,15 +1,15 @@
 "use client";
+import { useIsMobile } from "../hooks/use-mobile.mjs";
 import { cn } from "../lib/cn.mjs";
 import { Button } from "./button.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Separator } from "./separator.mjs";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.mjs";
-import { useIsMobile } from "../hooks/use-mobile.mjs";
 import { Skeleton } from "./skeleton.mjs";
+import * as React from "react";
 import { PanelLeftClose, PanelLeftOpen } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";

package/dist/components/sonner.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Toaster as Toaster$1, toast } from "sonner";
 
 //#region src/components/sonner.d.ts

package/dist/components/switch.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 
 //#region src/components/switch.d.ts

package/dist/components/table.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/table.d.ts
 declare function Table({

package/dist/components/tabs.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/tabs.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
+import { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { createContext, use } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 //#region src/components/tabs.tsx

package/dist/components/textarea.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/textarea.d.ts
 interface TextareaProps extends React.ComponentProps<"textarea"> {

package/dist/components/textarea.mjs

@@ -2,9 +2,9 @@
 import { cn } from "../lib/cn.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Label } from "./label.mjs";
+import * as React from "react";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 //#region src/components/textarea.tsx
 function Textarea({ className, id, label, required, hint, error, tooltip, ...props }) {
 	const generatedId = React.useId();

package/dist/components/toggle-group.d.mts

@@ -1,6 +1,6 @@
+import * as React from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 

package/dist/components/toggle-group.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region src/components/toggle-group.tsx
 const toggleGroupItemVariants = cva([

package/dist/components/tooltip-icon-button.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { Button } from "./button.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Slottable } from "@radix-ui/react-slot";
 //#region src/components/tooltip-icon-button.tsx
 const TooltipIconButton = forwardRef(({ children, tooltip, side = "bottom", ...rest }, ref) => {

package/dist/components/tooltip.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 //#region src/components/tooltip.d.ts

package/dist/components/typography.d.mts

@@ -0,0 +1,34 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/typography.d.ts
+declare function H1({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function H2({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function H3({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function H4({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { H1, H2, H3, H4 };

package/dist/components/typography.mjs

@@ -0,0 +1,29 @@
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/typography.tsx
+function H1({ children, className }) {
+	return /* @__PURE__ */ jsx("h1", {
+		className: cn("scroll-m-20 type-display-sm font-bold", className),
+		children
+	});
+}
+function H2({ children, className }) {
+	return /* @__PURE__ */ jsx("h2", {
+		className: cn("scroll-m-20 type-display-xs font-semibold", className),
+		children
+	});
+}
+function H3({ children, className }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: cn("scroll-m-20 type-text-lg font-semibold", className),
+		children
+	});
+}
+function H4({ children, className }) {
+	return /* @__PURE__ */ jsx("h4", {
+		className: cn("scroll-m-20 type-text-md font-semibold", className),
+		children
+	});
+}
+//#endregion
+export { H1, H2, H3, H4 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "0.0.0-dev.a6a82e3",
+  "version": "0.0.0-dev.ad4a0f4",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {

package/src/components/typography.tsx

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+
+import { cn } from "../lib/cn";
+
+export function H1({ children, className }: { children: ReactNode; className?: string }) {
+  return <h1 className={cn("scroll-m-20 type-display-sm font-bold", className)}>{children}</h1>;
+}
+
+export function H2({ children, className }: { children: ReactNode; className?: string }) {
+  return <h2 className={cn("scroll-m-20 type-display-xs font-semibold", className)}>{children}</h2>;
+}
+
+export function H3({ children, className }: { children: ReactNode; className?: string }) {
+  return <h3 className={cn("scroll-m-20 type-text-lg font-semibold", className)}>{children}</h3>;
+}
+
+export function H4({ children, className }: { children: ReactNode; className?: string }) {
+  return <h4 className={cn("scroll-m-20 type-text-md font-semibold", className)}>{children}</h4>;
+}