npm - @noambz/ui - Versions diffs - 0.7.0 - Mend

@noambz/ui 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (795) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,230 @@
+# @noambz/ui
+Shared React UI library: atomic design system, Tailwind v4 tokens, Radix primitives, Storybook docs. Built for Next.js 16 + React 19.
+## Consuming in a new project
+This package is published as a local workspace library — not on npm. Consume it one of two ways:
+**A. Tarball install (recommended, matches production resolution)**
+```bash
+cd ~/dev/projects/utils/ui
+npm pack                           # produces noambz-ui-<version>.tgz
+cd <your-new-app>
+npm install ~/dev/projects/utils/ui/noambz-ui-0.6.1.tgz
+```
+**B. Git install (when you want version tracking)**
+```bash
+npm install git+ssh://git@github.com:<you>/ui.git#v0.6.1
+```
+Avoid `npm install file:../ui` — npm 10+ installs `file:` as a symlink, and Next.js / Turbopack trips over the nested `node_modules` (notably `react-hook-form` resolves from two places and breaks the form generics).
+## Install peer dependencies
+```bash
+npm install \
+  react@>=19 react-dom@>=19 \
+  next@>=15 next-themes@>=0.4 \
+  @tanstack/react-query@>=5 \
+  sonner@>=1 \
+  react-hook-form@^7.73 zod@^4 @hookform/resolvers@^5
+```
+`react-hook-form`, `zod`, and `@hookform/resolvers` are only required if you use `<Form>` / `<FormFieldController>`, but they're safe to install in any consumer.
+## Setup (Next.js 16 + Tailwind v4)
+**1. `next.config.ts`** — Next must transpile the package source (it ships ESM with JSX runtime):
+```ts
+import type { NextConfig } from "next";
+const nextConfig: NextConfig = {
+  transpilePackages: ["@noambz/ui"],
+};
+export default nextConfig;
+```
+**2. Tailwind entry stylesheet** (e.g. `app/globals.css`):
+```css
+@import "tailwindcss";
+@import "@noambz/ui/styles/theme.css";
+@source "../node_modules/@noambz/ui/dist";
+```
+The `@source` directive tells Tailwind v4 to scan the compiled package output for class names so nothing gets tree-shaken in production.
+**3. Root layout providers:**
+```tsx
+import {
+  ThemeProvider,
+  QueryProvider,
+  ThemedToaster,
+} from "@noambz/ui/components";
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body>
+        <ThemeProvider>
+          <QueryProvider>
+            {children}
+            <ThemedToaster />
+          </QueryProvider>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}
+```
+`ThemeProvider` wraps `next-themes` with the right defaults for this theme (`attribute="class"`, system preference, transitions disabled during switches). `ThemedToaster` binds `sonner` to the active theme.
+For the dark-mode toggle in your header, skip wiring `useTheme` yourself — use the preset:
+```tsx
+import { ThemeToggleConnected } from "@noambz/ui/components";
+<ThemeToggleConnected />
+```
+**4. Toast usage** — `toast` is re-exported from the package so you don't need a separate `sonner` import:
+```tsx
+import { toast } from "@noambz/ui/components";
+toast.success("Saved");
+```
+## Subpaths
+| Import | Contents |
+|---|---|
+| `@noambz/ui` | Everything (convenience barrel) |
+| `@noambz/ui/components` | All components + `toast` re-export |
+| `@noambz/ui/hooks` | All hooks |
+| `@noambz/ui/i18n` | `createI18n` factory |
+| `@noambz/ui/utils` | Formatters, API client, pagination helpers, `cn` |
+| `@noambz/ui/styles/theme.css` | Semantic token CSS (import in the consumer's global stylesheet) |
+## Component index
+Organized by atomic level.
+### Atoms
+`Avatar` · `Checkbox` · `Input` · `Kbd` · `Label` · `Popover` · `RadioGroup` · `Separator` · `Skeleton` · `Spinner` · `Tag` · `Textarea` · `Toggle` · `Typography` · `VisuallyHidden`
+### Molecules
+`Accordion` · `Alert` · `Breadcrumbs` · `Button` · `Card` · `DropdownMenu` · `EmptyState` · `Form` · `FormField` · `FormFieldController` · `FormSubmitError` · `LanguageToggle` · `MultiToggle` · `NumberInput` · `OTPInput` · `Pagination` · `Progress` · `SearchInput` · `SignalCard` · `SignalSeverityBadge` · `SummaryHeader` · `Tabs` · `TagInput` · `ThemeToggle` · `Tooltip`
+### Organisms
+`AppShellLayout` · `AppShellPreset` · `SidebarNav` · `ModuleSubnav` · `Autocomplete` · `BarChart` · `Calendar` · `CommandPalette` · `DataGrid` · `DateRangePicker` · `DatePicker` · `Drawer` · `FileUpload` · `FullPageError` · `FullPageLoading` · `LineChart` · `Modal` · `NotFoundState` · `PaginatedDataGrid` · `Select` · `ShortcutHelpOverlay` · `Sparkline` · legacy `CustomSelect`
+### Utility wrappers
+`InstallPrompt` · `LocaleSync` · `QueryProvider` · `ServiceWorkerRegistration` · `ThemeProvider` · `ThemedToaster` · `toast` (re-export from `sonner`)
+### Hooks
+`useClickOutside` · `useCopyToClipboard` · `useDebounce` · `useDisclosure` · `useKeyboardShortcuts` · `useLocale` · `useLocalStorage` · `useMediaQuery` · `usePaginatedQuery`
+### Utils
+`apiFetch` · `createApiError` · `cn` · `ddmmToISO` · `formatCurrency` · `formatDate` · `formatNumber` · `formatRelativeDuration` · `buildPaginatedResponse` · `parsePaginationParams`
+## Forms (react-hook-form + zod)
+```tsx
+import { Form, FormFieldController, FormSubmitError, Input, Button } from "@noambz/ui/components";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+const schema = z.object({
+  email: z.email(),
+  password: z.string().min(8),
+});
+type IValues = z.infer<typeof schema>;
+export function LoginForm() {
+  const form = useForm<IValues>({ resolver: zodResolver(schema), mode: "onBlur" });
+  return (
+    <Form form={form} onSubmit={async (values) => await signIn(values)}>
+      <FormFieldController<IValues> name="email" label="Email">
+        <Input type="email" />
+      </FormFieldController>
+      <FormFieldController<IValues> name="password" label="Password">
+        <Input type="password" />
+      </FormFieldController>
+      <FormSubmitError />
+      <Button type="submit" loading={form.formState.isSubmitting}>Sign in</Button>
+    </Form>
+  );
+}
+```
+`FormFieldController` clones its single child input and auto-wires `value`, `onChange`, `onBlur`, `ref`, `id`, `name`, `aria-invalid`, and `aria-describedby` from the react-hook-form field state. The presentational `FormField` is still available for forms that manage their own state.
+## Design tokens
+Colors, radii, and motion are exposed as CSS custom properties (`--ui-*`) and mapped into Tailwind's `@theme`, so utility classes like `bg-surface`, `text-foreground`, `border-border-base`, and `rounded-md` resolve against the theme.
+| Token | Light | Dark |
+|---|---|---|
+| `--ui-background` | `#ffffff` | `#0a0a0a` |
+| `--ui-foreground` | `#0a0a0a` | `#fafafa` |
+| `--ui-surface` | `#ffffff` | `#111113` |
+| `--ui-surface-muted` | `#f4f4f5` | `#18181b` |
+| `--ui-border-base` | `#e4e4e7` | `#27272a` |
+| `--ui-border-strong` | `#d4d4d8` | `#3f3f46` |
+| `--ui-muted-foreground` | `#71717a` | `#a1a1aa` |
+| `--ui-primary` | `#2563eb` | `#3b82f6` |
+| `--ui-ring` | `#3b82f6` | `#60a5fa` |
+Override any token in your app's CSS to rebrand:
+```css
+:root {
+  --ui-primary: oklch(0.6 0.22 145);
+}
+```
+RTL is wired automatically via a `[dir="rtl"]` helper in the theme stylesheet.
+## Charts
+`Sparkline`, `LineChart`, and `BarChart` wrap `recharts` with opinionated defaults that respect the theme via `currentColor`. Pass your own color to override.
+## Telegram signal kit
+`SignalCard`, `SignalSeverityBadge`, `SummaryHeader`, and `EmptyState` compose a dashboard for investment signal feeds. They're generic enough for any feed-shaped UI.
+## Development
+```bash
+npm install
+npm run typecheck      # tsc --noEmit
+npm run lint           # eslint
+npm run build          # tsup -> dist/
+npm run storybook      # storybook dev -p 6006
+npm run build-storybook
+```
+Storybook is the canonical component playground — every component ships with a `*.stories.tsx` file covering the default case, variants, and common compositions.
+## Versioning
+Semver. Breaking API changes require a major bump. Token renames in `theme.css` are also treated as breaking because consumers may reference them directly.
+- `0.6.1` — Readiness: Vitest + Testing Library with smoke tests, GitHub Actions CI (typecheck/lint/test/build/storybook), `Badge` alias for `Tag`, `ThemeToggleConnected` preset, `DrawerPanel` preset, `FormFieldController` explicit `mode` prop (`text`/`number`/`boolean`/`select`/`raw`). DataGrid `rowKey`/selection now accepts `string | number`. Verified against a fresh Next.js 16 playground app.
+- `0.6.0` — Inputs + scaffolds + composition: `SearchInput`, `NumberInput`, `OTPInput`, `TagInput`, `FileUpload`, `CommandPalette` (cmdk), `FullPageLoading`, `FullPageError`, `NotFoundState`, `PaginatedDataGrid` preset. Tech debt: safer Button `asChild`+`loading`, safer DataGrid default sort comparator, Calendar locale docs. Storybook a11y rules now run as errors.
+- `0.5.0` — Foundations for a new project: `DropdownMenu`, `RadioGroup`, `Alert`, `Skeleton`, `Accordion`, `Avatar`, `Progress`, `Breadcrumbs`, `Drawer`, `Kbd`, `VisuallyHidden`, `ThemeProvider`, `toast` re-export, `useMediaQuery`/`useDebounce`/`useLocalStorage`/`useClickOutside`/`useCopyToClipboard`/`useDisclosure`, `formatCurrency`/`formatNumber`/`formatDate`, `<Form>` + `<FormFieldController>` built on react-hook-form + zod.
+- `0.4.0` — Composite components: `DataGrid`, `Autocomplete`, `DatePicker`, `DateRangePicker`, `Charts`, signal-kit molecules.
+- `0.3.0` — Form atoms, modal, select, ports, `/utils` subpath.
+- `0.2.0` — Atomic design folders, `cva`, Storybook 10.

package/dist/__test-setup__.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "@testing-library/jest-dom/vitest";
2	+ //# sourceMappingURL=__test-setup__.d.ts.map

package/dist/__test-setup__.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"__test-setup__.d.ts","sourceRoot":"","sources":["../src/__test-setup__.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/components/atoms/avatar/avatar.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import * as RadixAvatar from "@radix-ui/react-avatar";
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentPropsWithoutRef } from "react";
+declare const avatarVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IAvatarProps extends ComponentPropsWithoutRef<typeof RadixAvatar.Root>, VariantProps<typeof avatarVariants> {
+}
+export declare const Avatar: import("react").ForwardRefExoticComponent<IAvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
+export type IAvatarImageProps = ComponentPropsWithoutRef<typeof RadixAvatar.Image>;
+export declare const AvatarImage: import("react").ForwardRefExoticComponent<Omit<RadixAvatar.AvatarImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+export type IAvatarFallbackProps = ComponentPropsWithoutRef<typeof RadixAvatar.Fallback>;
+export declare const AvatarFallback: import("react").ForwardRefExoticComponent<Omit<RadixAvatar.AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/atoms/avatar/avatar.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAGnF,QAAA,MAAM,cAAc;;;8EAqBnB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EACvD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,0GAQlB,CAAC;AAGF,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;AAEnF,eAAO,MAAM,WAAW,0LAIvB,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC;AAEzF,eAAO,MAAM,cAAc,2LASzB,CAAC"}

package/dist/components/atoms/avatar/avatar.js ADDED Viewed

@@ -0,0 +1,58 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixAvatar from "@radix-ui/react-avatar";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const avatarVariants = cva(
+  "relative inline-flex shrink-0 overflow-hidden bg-surface-muted text-muted-foreground",
+  {
+    variants: {
+      size: {
+        xs: "h-6 w-6 text-[0.625rem]",
+        sm: "h-8 w-8 text-xs",
+        md: "h-10 w-10 text-sm",
+        lg: "h-12 w-12 text-base",
+        xl: "h-16 w-16 text-lg"
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "rounded-md"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      shape: "circle"
+    }
+  }
+);
+const Avatar = forwardRef(
+  ({ className, size, shape, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixAvatar.Root,
+    {
+      ref,
+      className: cn(avatarVariants({ size, shape }), className),
+      ...props
+    }
+  )
+);
+Avatar.displayName = "Avatar";
+const AvatarImage = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixAvatar.Image, { ref, className: cn("h-full w-full object-cover", className), ...props })
+);
+AvatarImage.displayName = "AvatarImage";
+const AvatarFallback = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixAvatar.Fallback,
+  {
+    ref,
+    className: cn("flex h-full w-full items-center justify-center font-medium uppercase", className),
+    ...props
+  }
+));
+AvatarFallback.displayName = "AvatarFallback";
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};
+//# sourceMappingURL=avatar.js.map

package/dist/components/atoms/avatar/avatar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/atoms/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixAvatar from \"@radix-ui/react-avatar\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst avatarVariants = cva(\n \"relative inline-flex shrink-0 overflow-hidden bg-surface-muted text-muted-foreground\",\n {\n variants: {\n size: {\n xs: \"h-6 w-6 text-[0.625rem]\",\n sm: \"h-8 w-8 text-xs\",\n md: \"h-10 w-10 text-sm\",\n lg: \"h-12 w-12 text-base\",\n xl: \"h-16 w-16 text-lg\",\n },\n shape: {\n circle: \"rounded-full\",\n square: \"rounded-md\",\n },\n },\n defaultVariants: {\n size: \"md\",\n shape: \"circle\",\n },\n },\n);\n\nexport interface IAvatarProps\n extends ComponentPropsWithoutRef<typeof RadixAvatar.Root>,\n VariantProps<typeof avatarVariants> {}\n\nexport const Avatar = forwardRef<ElementRef<typeof RadixAvatar.Root>, IAvatarProps>(\n ({ className, size, shape, ...props }, ref) => (\n <RadixAvatar.Root\n ref={ref}\n className={cn(avatarVariants({ size, shape }), className)}\n {...props}\n />\n ),\n);\nAvatar.displayName = \"Avatar\";\n\nexport type IAvatarImageProps = ComponentPropsWithoutRef<typeof RadixAvatar.Image>;\n\nexport const AvatarImage = forwardRef<ElementRef<typeof RadixAvatar.Image>, IAvatarImageProps>(\n ({ className, ...props }, ref) => (\n <RadixAvatar.Image ref={ref} className={cn(\"h-full w-full object-cover\", className)} {...props} />\n ),\n);\nAvatarImage.displayName = \"AvatarImage\";\n\nexport type IAvatarFallbackProps = ComponentPropsWithoutRef<typeof RadixAvatar.Fallback>;\n\nexport const AvatarFallback = forwardRef<\n ElementRef<typeof RadixAvatar.Fallback>,\n IAvatarFallbackProps\n>(({ className, ...props }, ref) => (\n <RadixAvatar.Fallback\n ref={ref}\n className={cn(\"flex h-full w-full items-center justify-center font-medium uppercase\", className)}\n {...props}\n />\n));\nAvatarFallback.displayName = \"AvatarFallback\";\n"],"mappings":";AAoCI;AAlCJ,YAAY,iBAAiB;AAC7B,SAAS,WAA8B;AACvC,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAMO,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,WAAW,MAAM,OAAO,GAAG,MAAM,GAAG,QACrC;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,MAAM,MAAM,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,OAAO,cAAc;AAId,MAAM,cAAc;AAAA,EACzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,YAAY,OAAZ,EAAkB,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAEpG;AACA,YAAY,cAAc;AAInB,MAAM,iBAAiB,WAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,YAAY;AAAA,EAAZ;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wEAAwE,SAAS;AAAA,IAC9F,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;","names":[]}

package/dist/components/atoms/avatar/avatar.stories.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Avatar } from "./avatar.js";
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+export declare const WithImage: StoryObj;
+export declare const FallbackOnly: StoryObj;
+export declare const SizeMatrix: StoryObj;
+export declare const Square: StoryObj;
+//# sourceMappingURL=avatar.stories.d.ts.map

package/dist/components/atoms/avatar/avatar.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/avatar/avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAA+B,MAAM,aAAa,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,SAAS,EAAE,QAOvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAM1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAUxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAMpB,CAAC"}

package/dist/components/atoms/avatar/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Avatar, AvatarImage, AvatarFallback } from "./avatar.js";
+export type { IAvatarProps, IAvatarImageProps, IAvatarFallbackProps, } from "./avatar.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/avatar/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,aAAa,CAAC"}

package/dist/components/atoms/avatar/index.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { Avatar, AvatarImage, AvatarFallback } from "./avatar.js";
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/avatar/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../../../../src/components/atoms/avatar/index.ts"],"sourcesContent":["export { Avatar, AvatarImage, AvatarFallback } from \"./avatar.js\";\nexport type {\n IAvatarProps,\n IAvatarImageProps,\n IAvatarFallbackProps,\n} from \"./avatar.js\";\n"],"mappings":"AAAA,SAAS,QAAQ,aAAa,sBAAsB;","names":[]}

package/dist/components/atoms/checkbox/checkbox.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import * as RadixCheckbox from "@radix-ui/react-checkbox";
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentPropsWithoutRef } from "react";
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ICheckboxProps extends ComponentPropsWithoutRef<typeof RadixCheckbox.Root>, VariantProps<typeof checkboxVariants> {
+}
+/**
+ * Accessible checkbox built on Radix primitives. Supports tri-state (checked,
+ * unchecked, `indeterminate`) via the `checked` prop.
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/atoms/checkbox/checkbox.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAGnF,QAAA,MAAM,gBAAgB;;8EAcrB,CAAC;AAkBF,MAAM,WAAW,cACf,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EACzD,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAE5C;;;GAGG;AACH,eAAO,MAAM,QAAQ,8GAapB,CAAC"}

package/dist/components/atoms/checkbox/checkbox.js ADDED Viewed

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixCheckbox from "@radix-ui/react-checkbox";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const checkboxVariants = cva(
+  "peer inline-flex shrink-0 items-center justify-center rounded border border-border-strong bg-background text-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=indeterminate]:border-blue-600 data-[state=indeterminate]:bg-blue-600",
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5",
+        md: "h-4 w-4",
+        lg: "h-5 w-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2.5, className: "h-3 w-3", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.5 8.5l3 3 6-7" }) });
+}
+function IndeterminateIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2.5, className: "h-3 w-3", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M4 8h8" }) });
+}
+const Checkbox = forwardRef(
+  ({ className, size, checked, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixCheckbox.Root,
+    {
+      ref,
+      checked,
+      className: cn(checkboxVariants({ size }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixCheckbox.Indicator, { className: "flex items-center justify-center text-current", children: checked === "indeterminate" ? /* @__PURE__ */ jsx(IndeterminateIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {}) })
+    }
+  )
+);
+Checkbox.displayName = "Checkbox";
+export {
+  Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/components/atoms/checkbox/checkbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/atoms/checkbox/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixCheckbox from \"@radix-ui/react-checkbox\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst checkboxVariants = cva(\n \"peer inline-flex shrink-0 items-center justify-center rounded border border-border-strong bg-background text-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=indeterminate]:border-blue-600 data-[state=indeterminate]:bg-blue-600\",\n {\n variants: {\n size: {\n sm: \"h-3.5 w-3.5\",\n md: \"h-4 w-4\",\n lg: \"h-5 w-5\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nfunction CheckIcon() {\n return (\n <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2.5} className=\"h-3 w-3\" aria-hidden=\"true\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.5 8.5l3 3 6-7\" />\n </svg>\n );\n}\n\nfunction IndeterminateIcon() {\n return (\n <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2.5} className=\"h-3 w-3\" aria-hidden=\"true\">\n <path strokeLinecap=\"round\" d=\"M4 8h8\" />\n </svg>\n );\n}\n\nexport interface ICheckboxProps\n extends ComponentPropsWithoutRef<typeof RadixCheckbox.Root>,\n VariantProps<typeof checkboxVariants> {}\n\n/**\n * Accessible checkbox built on Radix primitives. Supports tri-state (checked,\n * unchecked, `indeterminate`) via the `checked` prop.\n */\nexport const Checkbox = forwardRef<ElementRef<typeof RadixCheckbox.Root>, ICheckboxProps>(\n ({ className, size, checked, ...props }, ref) => (\n <RadixCheckbox.Root\n ref={ref}\n checked={checked}\n className={cn(checkboxVariants({ size }), className)}\n {...props}\n >\n <RadixCheckbox.Indicator className=\"flex items-center justify-center text-current\">\n {checked === \"indeterminate\" ? <IndeterminateIcon /> : <CheckIcon />}\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n ),\n);\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";AA0BM;AAxBN,YAAY,mBAAmB;AAC/B,SAAS,WAA8B;AACvC,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEnB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,YAAY;AACnB,SACE,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,KAAK,WAAU,WAAU,eAAY,QAC3G,8BAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,oBAAmB,GAC1E;AAEJ;AAEA,SAAS,oBAAoB;AAC3B,SACE,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,KAAK,WAAU,WAAU,eAAY,QAC3G,8BAAC,UAAK,eAAc,SAAQ,GAAE,UAAS,GACzC;AAEJ;AAUO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,MAAM,SAAS,GAAG,MAAM,GAAG,QACvC;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,GAAG,iBAAiB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,MAEJ,8BAAC,cAAc,WAAd,EAAwB,WAAU,iDAChC,sBAAY,kBAAkB,oBAAC,qBAAkB,IAAK,oBAAC,aAAU,GACpE;AAAA;AAAA,EACF;AAEJ;AACA,SAAS,cAAc;","names":[]}

package/dist/components/atoms/checkbox/checkbox.stories.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Checkbox } from "./checkbox.js";
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Indeterminate: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=checkbox.stories.d.ts.map

package/dist/components/atoms/checkbox/checkbox.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/checkbox/checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAQ/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}

package/dist/components/atoms/checkbox/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Checkbox } from "./checkbox.js";
+export type { ICheckboxProps } from "./checkbox.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/checkbox/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/atoms/checkbox/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { Checkbox } from "./checkbox.js";
+export {
+  Checkbox
+};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/checkbox/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../../../../src/components/atoms/checkbox/index.ts"],"sourcesContent":["export { Checkbox } from \"./checkbox.js\";\nexport type { ICheckboxProps } from \"./checkbox.js\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

package/dist/components/atoms/index.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+export * from "./avatar/index.js";
+export * from "./checkbox/index.js";
+export * from "./input/index.js";
+export * from "./kbd/index.js";
+export * from "./label/index.js";
+export * from "./popover/index.js";
+export * from "./radio-group/index.js";
+export * from "./separator/index.js";
+export * from "./skeleton/index.js";
+export * from "./spinner/index.js";
+export * from "./switch/index.js";
+export * from "./tag/index.js";
+export * from "./textarea/index.js";
+export * from "./toggle/index.js";
+export * from "./typography/index.js";
+export * from "./visually-hidden/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC"}

package/dist/components/atoms/index.js ADDED Viewed

@@ -0,0 +1,17 @@
+export * from "./avatar/index.js";
+export * from "./checkbox/index.js";
+export * from "./input/index.js";
+export * from "./kbd/index.js";
+export * from "./label/index.js";
+export * from "./popover/index.js";
+export * from "./radio-group/index.js";
+export * from "./separator/index.js";
+export * from "./skeleton/index.js";
+export * from "./spinner/index.js";
+export * from "./switch/index.js";
+export * from "./tag/index.js";
+export * from "./textarea/index.js";
+export * from "./toggle/index.js";
+export * from "./typography/index.js";
+export * from "./visually-hidden/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/components/atoms/index.ts"],"sourcesContent":["export * from \"./avatar/index.js\";\nexport * from \"./checkbox/index.js\";\nexport * from \"./input/index.js\";\nexport * from \"./kbd/index.js\";\nexport * from \"./label/index.js\";\nexport * from \"./popover/index.js\";\nexport * from \"./radio-group/index.js\";\nexport * from \"./separator/index.js\";\nexport * from \"./skeleton/index.js\";\nexport * from \"./spinner/index.js\";\nexport * from \"./switch/index.js\";\nexport * from \"./tag/index.js\";\nexport * from \"./textarea/index.js\";\nexport * from \"./toggle/index.js\";\nexport * from \"./typography/index.js\";\nexport * from \"./visually-hidden/index.js\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/atoms/input/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { Input, inputVariants } from "./input.js";
+export type { IInputProps } from "./input.js";
+export { InputSizeEnum, InputVariantEnum } from "./input.type.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/input/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/atoms/input/index.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { Input, inputVariants } from "./input.js";
+import { InputSizeEnum, InputVariantEnum } from "./input.type.js";
+export {
+  Input,
+  InputSizeEnum,
+  InputVariantEnum,
+  inputVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/input/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../../../../src/components/atoms/input/index.ts"],"sourcesContent":["export { Input, inputVariants } from \"./input.js\";\nexport type { IInputProps } from \"./input.js\";\nexport { InputSizeEnum, InputVariantEnum } from \"./input.type.js\";\n"],"mappings":"AAAA,SAAS,OAAO,qBAAqB;AAErC,SAAS,eAAe,wBAAwB;","names":[]}

package/dist/components/atoms/input/input.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { type VariantProps } from "class-variance-authority";
+import { type InputHTMLAttributes } from "react";
+declare const inputVariants: (props?: ({
+    variant?: "default" | "naked" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    invalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+}
+/**
+ * Styled native text input with size and variant presets.
+ * Accepts any native input type; use FormField to wire up label + helper text.
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { inputVariants };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/atoms/input/input.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAG7D,QAAA,MAAM,aAAa;;;;8EAsBlB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;;GAGG;AACH,eAAO,MAAM,KAAK,0GASjB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/atoms/input/input.js ADDED Viewed

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const inputVariants = cva(
+  "w-full rounded-lg text-foreground placeholder:text-muted-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "border border-border-strong bg-background px-3",
+        naked: "border-none bg-transparent px-0"
+      },
+      size: {
+        sm: "h-8 text-sm",
+        md: "h-9 text-sm",
+        lg: "h-11 text-base"
+      },
+      invalid: {
+        true: "border-red-500 focus-visible:ring-red-500"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+const Input = forwardRef(
+  ({ className, variant, size, invalid, type = "text", ...props }, ref) => /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type,
+      className: cn(inputVariants({ variant, size, invalid }), className),
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+export {
+  Input,
+  inputVariants
+};
+//# sourceMappingURL=input.js.map

package/dist/components/atoms/input/input.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/atoms/input/input.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst inputVariants = cva(\n \"w-full rounded-lg text-foreground placeholder:text-muted-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"border border-border-strong bg-background px-3\",\n naked: \"border-none bg-transparent px-0\",\n },\n size: {\n sm: \"h-8 text-sm\",\n md: \"h-9 text-sm\",\n lg: \"h-11 text-base\",\n },\n invalid: {\n true: \"border-red-500 focus-visible:ring-red-500\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport interface IInputProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\">,\n VariantProps<typeof inputVariants> {}\n\n/**\n * Styled native text input with size and variant presets.\n * Accepts any native input type; use FormField to wire up label + helper text.\n */\nexport const Input = forwardRef<HTMLInputElement, IInputProps>(\n ({ className, variant, size, invalid, type = \"text\", ...props }, ref) => (\n <input\n ref={ref}\n type={type}\n className={cn(inputVariants({ variant, size, invalid }), className)}\n {...props}\n />\n ),\n);\nInput.displayName = \"Input\";\n\nexport { inputVariants };\n"],"mappings":";AAwCI;AAtCJ,SAAS,WAA8B;AACvC,SAAS,kBAA4C;AACrD,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAUO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,WAAW,SAAS,MAAM,SAAS,OAAO,QAAQ,GAAG,MAAM,GAAG,QAC/D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,SAAS,MAAM,QAAQ,CAAC,GAAG,SAAS;AAAA,MACjE,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,MAAM,cAAc;","names":[]}

package/dist/components/atoms/input/input.stories.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Input } from "./input.js";
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Naked: Story;
+export declare const Invalid: Story;
+export declare const Disabled: Story;
+export declare const Search: Story;
+//# sourceMappingURL=input.stories.d.ts.map