kuzenbo 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Dobroslav Radosavljevic
+
+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,185 @@
+# kuzenbo
+
+A modern React component library with 75+ components built on [@base-ui/react](https://base-ui.com/) primitives, styled with [Tailwind CSS v4](https://tailwindcss.com/) and [tailwind-variants](https://www.tailwind-variants.org/).
+
+Combines the best design patterns from [shadcn/ui](https://ui.shadcn.com/), [HeroUI](https://www.heroui.com/), and [Mantine](https://mantine.dev/).
+
+## Installation
+
+```bash
+npm install kuzenbo
+```
+
+### Peer Dependencies
+
+React is required:
+
+```bash
+npm install react react-dom
+```
+
+Some components require additional peer dependencies. Install only what you need:
+
+| Component   | Required packages                     |
+| ----------- | ------------------------------------- |
+| Calendar    | `react-day-picker`                    |
+| Carousel    | `embla-carousel embla-carousel-react` |
+| Chart       | `recharts`                            |
+| Command     | `cmdk`                                |
+| CountryFlag | `country-flag-icons`                  |
+| Drawer      | `vaul`                                |
+| Dropzone    | `react-dropzone`                      |
+| EmojiPicker | `frimousse`                           |
+| InputOTP    | `input-otp`                           |
+| Marquee     | `react-fast-marquee`                  |
+| QRCode      | `qrcode culori`                       |
+| Resizable   | `react-resizable-panels`              |
+| Textarea    | `react-textarea-autosize`             |
+| VideoPlayer | `media-chrome`                        |
+
+## Tailwind CSS v4 Setup
+
+Kuzenbo requires Tailwind CSS v4. Add the following to your main CSS file:
+
+```css
+@import "tailwindcss";
+@import "kuzenbo/styles.css";
+@source "../node_modules/kuzenbo/dist";
+```
+
+- `@import "kuzenbo/styles.css"` registers the theme tokens (colors, radius) with Tailwind and provides default light/dark mode values
+- `@source` tells Tailwind to scan the library's dist for utility classes
+
+> The `@source` path is relative to your CSS file. Adjust if your CSS file is not at the project root.
+
+### Customizing the theme
+
+The default theme uses the shadcn/ui zinc palette. Override any token by redefining its CSS variable:
+
+```css
+:root {
+  --primary: oklch(0.6 0.25 260);
+  --radius: 0.5rem;
+}
+```
+
+## Usage
+
+### Simple component
+
+```tsx
+import { Button } from "kuzenbo";
+
+export default function App() {
+  return (
+    <Button variant="default" size="lg">
+      Click me
+    </Button>
+  );
+}
+```
+
+### Compound component (dot notation)
+
+```tsx
+import { Dialog } from "kuzenbo";
+
+export default function App() {
+  return (
+    <Dialog>
+      <Dialog.Trigger>Open</Dialog.Trigger>
+      <Dialog.Portal>
+        <Dialog.Overlay />
+        <Dialog.Content>
+          <Dialog.Header>
+            <Dialog.Title>Title</Dialog.Title>
+            <Dialog.Description>Description</Dialog.Description>
+          </Dialog.Header>
+        </Dialog.Content>
+      </Dialog.Portal>
+    </Dialog>
+  );
+}
+```
+
+### Component with optional peer dep
+
+```bash
+npm install react-day-picker
+```
+
+```tsx
+import { Calendar } from "kuzenbo";
+
+export default function App() {
+  return <Calendar mode="single" />;
+}
+```
+
+## Components
+
+### Layout
+
+Accordion, AspectRatio, Card, Collapsible, Empty, Resizable, ScrollArea, Separator, Spacer, Surface
+
+### Forms
+
+Autocomplete, Checkbox, CheckboxGroup, Combobox, Dropzone, FormField, Input, InputGroup, InputOTP, Label, NumberField, RadioGroup, Select, Slider, Switch, Textarea
+
+### Navigation
+
+Breadcrumb, Menubar, NavigationMenu, Pagination, Sidebar, Tabs, Toolbar
+
+### Feedback
+
+Alert, AlertDialog, Announcement, Meter, Progress, Rating, Skeleton, Spinner, Toast, Tooltip
+
+### Overlay
+
+Dialog, Drawer, DropdownMenu, ContextMenu, HoverCard, Popover, Sheet
+
+### Data Display
+
+Avatar, Badge, Calendar, Carousel, Chart, CountryFlag, EmojiPicker, GoogleLogo, Kbd, Marquee, Pill, QRCode, Table, ThemeIcon, Timeline, VideoPlayer
+
+### Actions
+
+Affix, Button, ButtonGroup, Command, Toggle, ToggleGroup
+
+### Typography (planned)
+
+Anchor, Blockquote, Heading, InlineCode, Large, Lead, List, Muted, Paragraph, Small, SmallHeading, Text
+
+### Utilities
+
+Item, Portal
+
+## Development
+
+| Command             | Description                         |
+| ------------------- | ----------------------------------- |
+| `bun run build`     | Build the package                   |
+| `bun run dev`       | Build in watch mode                 |
+| `bun run test`      | Run tests                           |
+| `bun run lint`      | Check linting and formatting        |
+| `bun run format`    | Auto-fix lint/format issues         |
+| `bun run typecheck` | Run TypeScript type checking        |
+| `bun run bump`      | Bump version and generate changelog |
+
+### Requirements
+
+- **Bun** 1.3.6+
+- **Node.js** 22+
+
+### Git Hooks
+
+- **pre-commit**: Runs `lint-staged` to lint and format staged files
+- **commit-msg**: Validates [Conventional Commits](https://www.conventionalcommits.org/) format
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines.
+
+## License
+
+MIT

package/dist/accordion-trigger-D5XnBMS6.d.ts

@@ -0,0 +1,24 @@
+import { Accordion } from "@base-ui/react/accordion";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/accordion/accordion-content.d.ts
+declare const AccordionContent: ({
+  className,
+  children,
+  ...props
+}: Accordion.Panel.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-item.d.ts
+declare const AccordionItem: ({
+  className,
+  ...props
+}: Accordion.Item.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/accordion/accordion-trigger.d.ts
+declare const AccordionTrigger: ({
+  className,
+  children,
+  ...props
+}: Accordion.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AccordionItem as n, AccordionContent as r, AccordionTrigger as t };

package/dist/accordion-trigger-TjAe8JHy.js

@@ -0,0 +1,53 @@
+import { Accordion } from "@base-ui/react/accordion";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown01Icon, ArrowUp01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/components/accordion/accordion-content.tsx
+const AccordionContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Accordion.Panel, {
+	className: "overflow-hidden text-sm data-closed:animate-accordion-up data-open:animate-accordion-down",
+	"data-slot": "accordion-content",
+	...props,
+	children: /* @__PURE__ */ jsx("div", {
+		className: cn("h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+		children
+	})
+});
+
+//#endregion
+//#region src/components/accordion/accordion-item.tsx
+const AccordionItem = ({ className, ...props }) => /* @__PURE__ */ jsx(Accordion.Item, {
+	className: cn("not-last:border-b", className),
+	"data-slot": "accordion-item",
+	...props
+});
+
+//#endregion
+//#region src/components/accordion/accordion-trigger.tsx
+const AccordionTrigger = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Accordion.Header, {
+	className: "flex",
+	children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
+		className: cn("group/accordion-trigger relative flex flex-1 cursor-pointer items-start justify-between rounded-md border border-transparent py-4 text-left font-medium text-sm outline-none transition-all hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", className),
+		"data-slot": "accordion-trigger",
+		...props,
+		children: [
+			children,
+			/* @__PURE__ */ jsx(HugeiconsIcon, {
+				className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden",
+				"data-slot": "accordion-trigger-icon",
+				icon: ArrowDown01Icon,
+				strokeWidth: 2
+			}),
+			/* @__PURE__ */ jsx(HugeiconsIcon, {
+				className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline",
+				"data-slot": "accordion-trigger-icon",
+				icon: ArrowUp01Icon,
+				strokeWidth: 2
+			})
+		]
+	})
+});
+
+//#endregion
+export { AccordionItem as n, AccordionContent as r, AccordionTrigger as t };