@flaqai/ui-flaq 0.2.0

package/README.md

@@ -0,0 +1,3 @@
+# @flaqai/ui-flaq
+
+./REPO-README.md

package/dist/index.d.mts

@@ -0,0 +1,27 @@
+import { VariantProps } from "class-variance-authority";
+import { Dialog as Dialog$1 } from "radix-ui";
+import { ClassValue } from "clsx";
+import { ComponentProps } from "react";
+//#region src/components/button.d.ts
+declare const buttonVariants: (props?: ({
+  size?: "default" | "lg" | "sm" | null | undefined;
+  variant?: "default" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+};
+declare function Button({ asChild, className, size, variant, ...props }: ButtonProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialog.d.ts
+declare const Dialog: import("react").FC<Dialog$1.DialogProps>;
+declare const DialogClose: import("react").ForwardRefExoticComponent<Dialog$1.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DialogDescription: import("react").ForwardRefExoticComponent<Dialog$1.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: import("react").ForwardRefExoticComponent<Dialog$1.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const DialogTrigger: import("react").ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare function DialogContent({ className, children, ...props }: ComponentProps<typeof Dialog$1.Content>): import("react").JSX.Element;
+declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, buttonVariants, cn };

package/dist/index.mjs

@@ -0,0 +1 @@
+import{cva as e}from"class-variance-authority";import{Dialog as t,Slot as n}from"radix-ui";import{clsx as r}from"clsx";import{twMerge as i}from"tailwind-merge";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{X as s}from"lucide-react";function c(...e){return i(r(e))}const l=e(`inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50`,{defaultVariants:{size:`default`,variant:`default`},variants:{size:{default:`h-10 px-4 py-2`,lg:`h-11 px-8`,sm:`h-9 rounded-md px-3`},variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,outline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`}}});function u({asChild:e=!1,className:t,size:r,variant:i,...o}){return a(e?n.Root:`button`,{className:c(l({className:t,size:r,variant:i})),"data-slot":`button`,...o})}const d=t.Root,f=t.Close,p=t.Description,m=t.Title,h=t.Trigger;function g({className:e,...n}){return a(t.Overlay,{className:c(`fixed inset-0 z-50 bg-black/80`,e),"data-slot":`dialog-overlay`,...n})}function _({className:e,children:n,...r}){return o(t.Portal,{children:[a(g,{}),o(t.Content,{className:c(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg sm:rounded-lg`,e),"data-slot":`dialog-content`,...r,children:[n,o(t.Close,{className:`absolute top-4 right-4 rounded-sm opacity-70 hover:opacity-100 focus:ring-2 focus:ring-ring focus:outline-none`,children:[a(s,{className:`size-4`}),a(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function v({className:e,...t}){return a(`div`,{className:c(`flex flex-col space-y-1.5 text-center sm:text-left`,e),"data-slot":`dialog-header`,...t})}export{u as Button,d as Dialog,f as DialogClose,_ as DialogContent,p as DialogDescription,v as DialogHeader,m as DialogTitle,h as DialogTrigger,l as buttonVariants,c as cn};

package/dist/styles.css

@@ -0,0 +1,48 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@source "./*.mjs";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.21 0.006 285.885);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --radius: 0.625rem;
+}
+
+@theme inline {
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-background: var(--background);
+  --color-border: var(--border);
+  --color-foreground: var(--foreground);
+  --color-input: var(--input);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-ring: var(--ring);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-background text-foreground antialiased;
+  }
+}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@flaqai/ui-flaq",
+  "version": "0.2.0",
+  "description": "Reusable Flaq product UI components and design tokens.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flaqai/flaq_root.git",
+    "directory": "packages/ui-flaq"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "lucide-react": "1.24.0",
+    "radix-ui": "1.6.2",
+    "tailwind-merge": "3.6.0",
+    "tw-animate-css": "1.4.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@typescript/native-preview": "7.0.0-dev.20260707.2",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "tailwindcss": "4.3.2",
+    "tsdown": "0.22.7",
+    "typescript": "7.0.2"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "scripts": {
+    "build": "tsdown && tsx ../../scripts/copy-ui-css.ts",
+    "typecheck": "tsgo --noEmit -p tsconfig.json"
+  }
+}