@forthtilliath/shadcn-ui 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Forthtilliath
+
+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

@@ -0,0 +1,84 @@
+# @forthtilliath/shadcn-ui
+
+The [shadcn/ui](https://ui.shadcn.com) component library for this monorepo —
+Radix UI primitives styled with Tailwind CSS, generated via the shadcn CLI
+and kept in source form (not compiled) so consumers can customize freely.
+`private: true`, internal to this monorepo.
+
+> Distinct from [`@forthtilliath/forth-ui`](../forth-ui): this package is
+> the (mostly) unmodified shadcn/ui base layer; `forth-ui` builds
+> higher-level, opinionated components on top of it.
+
+## Install
+
+```json
+{
+  "dependencies": {
+    "@forthtilliath/shadcn-ui": "workspace:*"
+  }
+}
+```
+
+## Usage
+
+No build step — everything is consumed straight from `src/` (see the
+`exports` field), so import components, lib helpers and hooks directly by
+file name:
+
+```tsx
+import { Button } from "@forthtilliath/shadcn-ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+} from "@forthtilliath/shadcn-ui/components/card";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+import { useIsMobile } from "@forthtilliath/shadcn-ui/hooks/use-mobile";
+import "@forthtilliath/shadcn-ui/styles/globals.css";
+```
+
+### Components (`src/components/`)
+
+The full shadcn/ui primitive set: `accordion`, `alert`, `alert-dialog`,
+`aspect-ratio`, `avatar`, `badge`, `breadcrumb`, `button`, `calendar`,
+`card`, `carousel`, `chart`, `checkbox`, `collapsible`, `command`,
+`context-menu`, `data-table`, `dialog`, `drawer`, `dropdown-menu`, `form`,
+`hover-card`, `input`, `input-otp`, `label`, `menubar`, `navigation-menu`,
+`pagination`, `popover`, `progress`, `radio-group`, `resizable`,
+`scroll-area`, `select`, `separator`, `sheet`, `sidebar`, `skeleton`,
+`slider`, `sonner`, `switch`, `table`, `tabs`, `textarea`, `toggle`,
+`toggle-group`, `tooltip`.
+
+### Blocks (`src/components/blocks/`)
+
+Larger, composed patterns built from the primitives above: `accordion`,
+`animated-tabs`, `animated-text`, `avatar`, `calendar-date-picker`,
+`data-table` (+ `data-table-ext/pagination`), `field`, `form`, `navbar-01`,
+`navbar-02`, `navbar-04`.
+
+### Lib (`src/lib/`)
+
+- `utils.ts` — `cn()`, the `clsx` + `tailwind-merge` class-name helper used
+  by every component.
+- `react-hook-form.ts`, `recharts.ts`, `input-otp.ts`, `sonner.ts` —
+  library-specific glue/re-exports for those components.
+
+### Hooks (`src/hooks/`)
+
+- `use-mobile.ts` — `useIsMobile()`, a media-query hook used by `sidebar`.
+
+### Themes (`src/styles/themes/`)
+
+`globals.css` imports `themes/default.css`. Ten additional
+[tweakcn](https://tweakcn.com)-generated theme files are available to swap
+in instead: `blue`, `bubblegum`, `claymorphism`, `green`, `orange`, `red`,
+`rose`, `twitter`, `violet`, `yellow`. `globals-static.css` is a
+non-`@theme inline` variant for tooling that doesn't support Tailwind v4's
+CSS-first theming.
+
+## Scripts
+
+```bash
+pnpm run check-types   # tsc --noEmit
+pnpm run lint          # eslint
+```

package/dist/components/accordion.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import type { LucideProps } from "lucide-react";
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, hideChevron, customChevron, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
+    hideChevron?: boolean;
+    customChevron?: React.ReactElement<LucideProps>;
+}): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKhD,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAQtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,WAAmB,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;CACjD,qBAgCA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAUzD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/accordion.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+function Accordion({ ...props }) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className), ...props }));
+}
+function AccordionTrigger({ className, hideChevron = false, customChevron, children, ...props }) {
+    const chevronProps = {
+        ...customChevron?.props,
+        className: cn("text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200", customChevron?.props.className),
+    };
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, !hideChevron && React.isValidElement(customChevron) ? (
+                // cloneElement is required here (not the `Slot` pattern) so the merged
+                // className goes through `cn()`'s tailwind-merge dedup, and the icon
+                // stays the trigger's direct child for the `>svg` CSS selector above.
+                // eslint-disable-next-line @eslint-react/no-clone-element
+                React.cloneElement(customChevron, chevronProps)) : (_jsx(ChevronDownIcon, { ...chevronProps }))] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,15 @@
+import type * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): React.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): React.JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,qBAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAc3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,qBAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAO1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAO1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { buttonVariants } from "@forthtilliath/shadcn-ui/components/button";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+function AlertDialog({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
+}
+function AlertDialogPortal({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
+}
+function AlertDialogOverlay({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
+}
+function AlertDialogContent({ className, ...props }) {
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className), ...props })] }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className), ...props }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+}
+function AlertDialogAction({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props }));
+}
+function AlertDialogCancel({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "outline" }), className), ...props }));
+}
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/alert.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;8EAclB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,qBASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/alert.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground",
+            destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className), ...props }));
+}
+export { Alert, AlertDescription, AlertTitle };

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,4 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react").JSX.Element;
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,+BAExD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/aspect-ratio.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+function AspectRatio({ ...props }) {
+    return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+export { AspectRatio };

package/dist/components/avatar.d.ts

@@ -0,0 +1,7 @@
+import type * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAWnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,qBAWvD;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/avatar.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+function Avatar({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("bg-muted flex size-full items-center justify-center", className), ...props }));
+}
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/badge.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAU3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/badge.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

package/dist/components/blocks/accordion.d.ts

@@ -0,0 +1,56 @@
+import type React from "react";
+import { type AccordionMultipleProps, type AccordionSingleProps } from "@radix-ui/react-accordion";
+import { type VariantProps } from "class-variance-authority";
+import type { LucideProps } from "lucide-react";
+type AccordionVariantType = "default" | "outline" | "box" | "contained" | "box-contained" | "tabs" | "highlight-active";
+type AccordionSizeType = "sm" | "default" | "lg";
+declare const accordionTriggerVariants: (props?: ({
+    variant?: "default" | "outline" | "tabs" | "box" | "contained" | "box-contained" | "highlight-active" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
+    chevronAlignment?: "left" | "right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface Item {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+interface ItemWithIcon extends Item {
+    icon: React.ReactNode;
+}
+interface BaseProps {
+    items: Item[] | ItemWithIcon[];
+    icon?: React.ReactNode;
+    multiple?: boolean;
+    hideChevron?: boolean;
+    chevronAlignment?: VariantProps<typeof accordionTriggerVariants>["chevronAlignment"];
+    customChevron?: React.ReactElement<LucideProps>;
+    className?: string;
+    classNameItem?: string;
+    classNameTrigger?: string;
+    classNameContent?: string;
+    variant?: AccordionVariantType;
+    size?: AccordionSizeType;
+    generateId?: (index: number) => string;
+}
+type OmittedProps = "type";
+type SingleProps = BaseProps & Omit<AccordionSingleProps, OmittedProps>;
+type MultipleProps = BaseProps & Omit<AccordionMultipleProps, OmittedProps>;
+type Props = SingleProps | MultipleProps;
+/**
+ * A vertically stacked set of interactive headings that each reveal a section of content.
+ *
+ * @description Inspired from multiple sources, to make a consistent and reusable component.
+ * @version 0.0.1
+ * @author Forth
+ *
+ * @see https://ui.shadcn.com/docs/components/accordion
+ * @see https://motion-primitives.com/docs/accordion
+ * @see https://originui.com/accordion
+ * @see https://www.hextaui.com/docs/ui/components/accordion
+ * @see https://www.shadcnui-blocks.com/components/accordion
+ */
+export declare function Accordion({ multiple, ...props }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/blocks/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAUhD,KAAK,oBAAoB,GACrB,SAAS,GACT,SAAS,GACT,KAAK,GACL,WAAW,GACX,eAAe,GACf,MAAM,GACN,kBAAkB,CAAC;AAEvB,KAAK,iBAAiB,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAkDjD,QAAA,MAAM,wBAAwB;;;;;8EAgC5B,CAAC;AAsBH,UAAU,IAAI;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,YAAa,SAAQ,IAAI;IACjC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,UAAU,SAAS;IACjB,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,YAAY,CAC7B,OAAO,wBAAwB,CAChC,CAAC,kBAAkB,CAAC,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAGD,KAAK,YAAY,GAAG,MAAM,CAAC;AAC3B,KAAK,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AACxE,KAAK,aAAa,GAAG,SAAS,GAAG,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;AAE5E,KAAK,KAAK,GAAG,WAAW,GAAG,aAAa,CAAC;AAEzC;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,qBAUtD"}

package/dist/components/blocks/accordion.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Accordion as AccordionPrimitive, AccordionContent, AccordionItem, AccordionTrigger, } from "@forthtilliath/shadcn-ui/components/accordion";
+import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
+const accordionRootVariants = cva("max-w-lg my-4 w-full", {
+    variants: {
+        variant: {
+            default: "space-y-2",
+            outline: "space-y-2",
+            box: "",
+            contained: "space-y-2",
+            "box-contained": "",
+            tabs: "space-y-2",
+            "highlight-active": "space-y-2",
+        },
+        size: {
+            sm: "text-sm",
+            default: "text-[15px]",
+            lg: "text-lg",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const accordionItemVariants = cva("", {
+    variants: {
+        variant: {
+            default: "",
+            outline: "px-4 border rounded-md last:border-b",
+            box: "px-4 border border-b-0 last:border-b first:rounded-t-md last:rounded-b-md",
+            contained: "px-4 border-none rounded-md bg-secondary",
+            "box-contained": "px-4 last:border-none first:rounded-t-md last:rounded-b-md bg-muted",
+            tabs: "px-4 border-none rounded-md data-[state=open]:bg-secondary",
+            "highlight-active": "px-4 data-[state=open]:border-b-2 data-[state=open]:border-indigo-600 dark:data-[state=open]:border-indigo-500",
+        },
+        size: {
+            sm: "px-2",
+            default: "",
+            lg: "px-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const accordionTriggerVariants = cva("hover:no-underline group items-center", {
+    variants: {
+        variant: {
+            default: "",
+            outline: "",
+            box: "",
+            contained: "",
+            "box-contained": "",
+            tabs: "data-[state=closed]:py-2",
+            "highlight-active": "data-[state=open]:text-indigo-600 dark:data-[state=open]:text-indigo-500",
+        },
+        size: {
+            sm: "py-3 text-sm [&_[data-slot=subtitle]]:text-xs",
+            default: "py-4 text-[15px] [&_[data-slot=subtitle]]:text-sm",
+            lg: "py-5 text-lg [&_[data-slot=subtitle]]:text-base",
+        },
+        disabled: {
+            false: "",
+            true: "opacity-50",
+        },
+        chevronAlignment: {
+            right: "",
+            left: "flex-row-reverse",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+        disabled: false,
+        chevronAlignment: "right",
+    },
+});
+const accordionContentVariants = cva("", {
+    variants: {
+        variant: {
+            default: "",
+            outline: "",
+            box: "",
+            contained: "",
+            "box-contained": "",
+            tabs: "",
+            "highlight-active": "",
+        },
+        size: {
+            sm: "pb-3 text-sm",
+            default: "pb-4 text-[15px]",
+            lg: "pb-5 text-lg",
+        },
+    },
+    defaultVariants: { variant: "default", size: "default" },
+});
+/**
+ * A vertically stacked set of interactive headings that each reveal a section of content.
+ *
+ * @description Inspired from multiple sources, to make a consistent and reusable component.
+ * @version 0.0.1
+ * @author Forth
+ *
+ * @see https://ui.shadcn.com/docs/components/accordion
+ * @see https://motion-primitives.com/docs/accordion
+ * @see https://originui.com/accordion
+ * @see https://www.hextaui.com/docs/ui/components/accordion
+ * @see https://www.shadcnui-blocks.com/components/accordion
+ */
+export function Accordion({ multiple, ...props }) {
+    if (props.icon && props.items.some((item) => "icon" in item && item.icon)) {
+        throw new Error("You can't use both icon and items.icon");
+    }
+    return multiple ? (_jsx(AccordionMultiple, { ...props })) : (_jsx(AccordionSingle, { ...props }));
+}
+function AccordionSingle({ className, variant, size, hideChevron, chevronAlignment, customChevron, items, icon, classNameItem, classNameTrigger, classNameContent, generateId, ...props }) {
+    return (_jsx(AccordionPrimitive, { type: "single", className: cn(accordionRootVariants({ variant, size }), className), ...props, children: _jsx(Items, { variant: variant, size: size, hideChevron: hideChevron, chevronAlignment: chevronAlignment, customChevron: customChevron, items: items, icon: icon, classNameItem: classNameItem, classNameTrigger: classNameTrigger, classNameContent: classNameContent, generateId: generateId }) }));
+}
+function AccordionMultiple({ className, variant, size, hideChevron, chevronAlignment, customChevron, items, icon, classNameItem, classNameTrigger, classNameContent, generateId, ...props }) {
+    return (_jsx(AccordionPrimitive, { type: "multiple", className: cn(accordionRootVariants({ variant, size }), className), ...props, children: _jsx(Items, { variant: variant, size: size, hideChevron: hideChevron, chevronAlignment: chevronAlignment, customChevron: customChevron, items: items, icon: icon, classNameItem: classNameItem, classNameTrigger: classNameTrigger, classNameContent: classNameContent, generateId: generateId }) }));
+}
+function Items({ hideChevron, chevronAlignment, customChevron, items, icon, classNameItem, classNameTrigger, classNameContent, variant, size, generateId = (index) => `item-${String(index)}`, }) {
+    return items.map(({ title, subtitle, content, disabled, ...props }, index) => {
+        let iconItem = icon;
+        if ("icon" in props)
+            iconItem = props.icon;
+        const triggerItem = (_jsxs("div", { className: "flex-1 flex flex-col text-start", children: [_jsx("span", { "data-slot": "title", className: "group-hover:underline [&_svg]:-order-1", children: title }), Boolean(subtitle) && (_jsx("span", { "data-slot": "subtitle", className: "text-muted-foreground font-normal", children: subtitle }))] }));
+        return (_jsxs(AccordionItem, { value: generateId(index), className: cn(accordionItemVariants({ variant, size }), classNameItem), children: [_jsx(AccordionTrigger, { disabled: disabled, hideChevron: hideChevron, customChevron: customChevron, className: cn(accordionTriggerVariants({
+                        variant,
+                        size,
+                        disabled,
+                        chevronAlignment,
+                    }), classNameTrigger), children: iconItem ? (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { "data-slot": "icon", className: "shrink-0", children: iconItem }), triggerItem] })) : (triggerItem) }), _jsx(AccordionContent, { className: cn(accordionContentVariants({ variant, size }), classNameContent), children: content })] }, index));
+    });
+}

package/dist/components/blocks/animated-tabs.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type Transition } from "motion/react";
+interface Tab {
+    label: string;
+    value: string;
+    component: React.ReactNode;
+}
+interface AnimatedTabsProps<T extends readonly [Tab, ...Tab[]]> {
+    tabs: T;
+    defaultTabValue?: T[number]["value"];
+    options?: {
+        transition?: Transition;
+    };
+}
+export declare function AnimatedTabs<T extends readonly [Tab, ...Tab[]]>({ tabs, defaultTabValue, options: opt, }: AnimatedTabsProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=animated-tabs.d.ts.map

package/dist/components/blocks/animated-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/animated-tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAMxE,UAAU,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,iBAAiB,CAAC,CAAC,SAAS,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC;IAC5D,IAAI,EAAE,CAAC,CAAC;IACR,eAAe,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,UAAU,CAAC;KACzB,CAAC;CACH;AAoLD,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,EAC/D,IAAI,EACJ,eAAe,EACf,OAAO,EAAE,GAAQ,GAClB,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAsBtB"}