@yuva-devlab/ui 0.1.0

package/README.md

@@ -0,0 +1,78 @@
+# 📦 @yuva-devlab/ui
+
+A fully-typed, themeable, **Vanilla Extract** powered component library built on
+top of:
+
+- `@yuva-devlab/tokens` (design tokens)
+- `@yuva-devlab/primitives` (headless logic)
+- Full TypeScript support
+
+This is the main **consumer-facing** UI library.
+
+---
+
+## ✨ Features
+
+- **Atomic Foundation**: Components like Button, Input, and Typography.
+- **Layout System**: High-level primitives for `Box`, `Flex`, `Grid`, and
+  `Stack`.
+- **Vanilla Extract**: Type-safe, zero-runtime CSS with deep token integration.
+- **Natural Theme**: Organic-inspired aesthetics with "MD3" influence.
+- **Polymorphism**: Components support the `as` prop for semantic flexibility.
+
+---
+
+## 📁 Folder Structure
+
+```bash
+packages/ui/
+├── src/
+│   ├── components/
+│   │   ├── button/
+│   │   │   ├── button.tsx
+│   │   │   ├── button.styles.css.ts # Vanilla Extract styles
+│   │   │   ├── button.types.ts
+│   │   │   └── index.ts
+│   │   ├── layout/         # Box, Flex, Grid, Stack, Container
+│   │   └── ...
+│   └── index.ts
+└── README.md
+```
+
+---
+
+## 🎨 Layout System
+
+We provide a specialized set of components to handle all structural needs
+without custom CSS:
+
+```tsx
+import { Container, Stack, Flex, Box } from "@yuva-devlab/ui";
+
+<Container size="xl">
+  <Stack gap="lg">
+    <Flex
+      align="center"
+      justify="between"
+    >
+      <Box p="md">Brand</Box>
+      <Box>Menu</Box>
+    </Flex>
+  </Stack>
+</Container>;
+```
+
+---
+
+## 🧪 Testing
+
+Run tests across the UI library:
+
+```bash
+pnpm --filter @yuva-devlab/ui test
+```
+
+## 📚 Documentation
+
+UI components are documented in `apps/docs` using Storybook and can be previewed
+in real-time in `apps/playground`.

package/dist/components/button/button.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ButtonProps } from './button.types';
+/**
+ * Button component for triggering actions.
+ * Supports multiple variants, sizes, and interactive states like loading and disabled.
+ *
+ * @example
+ * <Button variant="primary" onClick={() => console.log('clicked')}>
+ *   Click Me
+ * </Button>
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,uFAuClB,CAAC"}

package/dist/components/button/button.styles.css.d.ts

@@ -0,0 +1,10 @@
+export declare const base: string;
+export declare const size: Record<"xs" | "sm" | "md" | "lg" | "xl", string>;
+export declare const shape: Record<"round" | "square", string>;
+export declare const morph: Record<"round" | "square", string>;
+export declare const width: Record<"default" | "narrow" | "wide", string>;
+export declare const variant: Record<"default" | "text" | "filled" | "primary" | "ghost" | "link" | "elevated" | "tonal" | "outlined" | "secondary" | "tertiary", string>;
+export declare const danger: string;
+export declare const block: string;
+export declare const disabled: string;
+//# sourceMappingURL=button.styles.css.d.ts.map

package/dist/components/button/button.styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,QA2Bf,CAAC;AAGH,eAAO,MAAM,IAAI,kDAMf,CAAC;AAGH,eAAO,MAAM,KAAK,oCAOhB,CAAC;AAGH,eAAO,MAAM,KAAK,oCAWhB,CAAC;AAGH,eAAO,MAAM,KAAK,+CAIhB,CAAC;AAGH,eAAO,MAAM,OAAO,6IA2IlB,CAAC;AAGH,eAAO,MAAM,MAAM,QAYjB,CAAC;AAEH,eAAO,MAAM,KAAK,QAGhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC"}

package/dist/components/button/button.types.d.ts

@@ -0,0 +1,15 @@
+import { ButtonPrimitiveProps } from '@yuva-devlab/primitives';
+export type ButtonType = "primary" | "default" | "ghost" | "link" | "elevated" | "filled" | "tonal" | "outlined" | "text" | "secondary" | "tertiary";
+export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ButtonShape = "round" | "square";
+export type ButtonWidth = "narrow" | "default" | "wide";
+export interface ButtonProps extends ButtonPrimitiveProps {
+    variant?: ButtonType;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    width?: ButtonWidth;
+    danger?: boolean;
+    block?: boolean;
+    morph?: boolean;
+}
+//# sourceMappingURL=button.types.d.ts.map

package/dist/components/button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,UAAU,GACV,MAAM,GACN,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './button';
+export type { ButtonProps } from './button.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './button';
+export * from './input';
+export * from './typography';
+export * from './layout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/components/input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from './input';
+export type { InputProps } from './input.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/input/input.css.d.ts

@@ -0,0 +1,5 @@
+export declare const base: string;
+export declare const variant: Record<"outline" | "filled", string>;
+export declare const size: Record<"xs" | "sm" | "md" | "lg" | "xl", string>;
+export declare const error: string;
+//# sourceMappingURL=input.css.d.ts.map

package/dist/components/input/input.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.css.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAWf,CAAC;AAEH,eAAO,MAAM,OAAO,sCAmBlB,CAAC;AAEH,eAAO,MAAM,IAAI,kDA0Bf,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC"}

package/dist/components/input/input.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { InputProps } from './input.types';
+/**
+ * Input component for text entry.
+ * Includes support for labels, helper text, and error states.
+ *
+ * @example
+ * <Input
+ *   label="Email"
+ *   placeholder="Enter your email"
+ *   errorMessage="Invalid email address"
+ * />
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,qFAgFjB,CAAC"}

package/dist/components/input/input.types.d.ts

@@ -0,0 +1,13 @@
+import { InputPrimitiveProps } from '@yuva-devlab/primitives';
+export type InputVariant = "outline" | "filled";
+export type InputSize = "xs" | "sm" | "md" | "lg" | "xl";
+export interface InputProps extends Omit<InputPrimitiveProps, "size"> {
+    variant?: InputVariant;
+    size?: InputSize;
+    error?: boolean;
+    label?: string;
+    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    helperText?: string;
+    errorMessage?: string;
+}
+//# sourceMappingURL=input.types.d.ts.map

package/dist/components/input/input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACnE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/components/layout/box/box.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { BoxProps } from './box.types';
+/**
+ * Foundational layout component with utility-first spacing and display props.
+ * Supports padding (p, px, py, pt, pr, pb, pl) and margin (m, mx, my, mt, mr, mb, ml) props
+ * that map directly to our design tokens.
+ *
+ * @example
+ * <Box p="lg" display="flex" position="relative">
+ *   Layout Content
+ * </Box>
+ */
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=box.d.ts.map

package/dist/components/layout/box/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;;;;;;;;GASG;AACH,eAAO,MAAM,GAAG,8EAqDf,CAAC"}

package/dist/components/layout/box/box.styles.css.d.ts

@@ -0,0 +1,19 @@
+export declare const base: string;
+export declare const padding: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const paddingX: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const paddingY: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const paddingTop: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const paddingRight: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const paddingBottom: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const paddingLeft: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const margin: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const marginX: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const marginY: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const marginTop: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const marginRight: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const marginBottom: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const marginLeft: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const display: Record<"none" | "flex" | "grid" | "block" | "inline" | "inlineBlock" | "inlineFlex" | "inlineGrid", string>;
+export declare const position: Record<"absolute" | "fixed" | "relative" | "static" | "sticky", string>;
+export declare const overflow: Record<"hidden" | "auto" | "scroll" | "visible", string>;
+//# sourceMappingURL=box.styles.css.d.ts.map

package/dist/components/layout/box/box.styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,OAAO,0FAAsD,CAAC;AAC3E,eAAO,MAAM,QAAQ,0FAGlB,CAAC;AACJ,eAAO,MAAM,QAAQ,0FAGlB,CAAC;AACJ,eAAO,MAAM,UAAU,0FAEpB,CAAC;AACJ,eAAO,MAAM,YAAY,0FAEtB,CAAC;AACJ,eAAO,MAAM,aAAa,0FAEvB,CAAC;AACJ,eAAO,MAAM,WAAW,0FAErB,CAAC;AAEJ,eAAO,MAAM,MAAM,0FAAqD,CAAC;AACzE,eAAO,MAAM,OAAO,0FAGjB,CAAC;AACJ,eAAO,MAAM,OAAO,0FAGjB,CAAC;AACJ,eAAO,MAAM,SAAS,0FAAwD,CAAC;AAC/E,eAAO,MAAM,WAAW,0FAErB,CAAC;AACJ,eAAO,MAAM,YAAY,0FAEtB,CAAC;AACJ,eAAO,MAAM,UAAU,0FAEpB,CAAC;AAEJ,eAAO,MAAM,OAAO,6GASlB,CAAC;AAEH,eAAO,MAAM,QAAQ,yEAMnB,CAAC;AAEH,eAAO,MAAM,QAAQ,0DAKnB,CAAC"}

package/dist/components/layout/box/box.types.d.ts

@@ -0,0 +1,23 @@
+import { BoxPrimitiveProps } from '@yuva-devlab/primitives';
+import { spacing } from '@yuva-devlab/tokens';
+export type SpacingValue = keyof typeof spacing;
+export interface BoxProps extends BoxPrimitiveProps {
+    p?: SpacingValue;
+    px?: SpacingValue;
+    py?: SpacingValue;
+    pt?: SpacingValue;
+    pr?: SpacingValue;
+    pb?: SpacingValue;
+    pl?: SpacingValue;
+    m?: SpacingValue;
+    mx?: SpacingValue;
+    my?: SpacingValue;
+    mt?: SpacingValue;
+    mr?: SpacingValue;
+    mb?: SpacingValue;
+    ml?: SpacingValue;
+    display?: "block" | "flex" | "grid" | "inline" | "inlineBlock" | "inlineFlex" | "inlineGrid" | "none";
+    position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
+    overflow?: "visible" | "hidden" | "scroll" | "auto";
+}
+//# sourceMappingURL=box.types.d.ts.map

package/dist/components/layout/box/box.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAC;AAEhD,MAAM,WAAW,QAAS,SAAQ,iBAAiB;IACjD,CAAC,CAAC,EAAE,YAAY,CAAC;IACjB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,CAAC,CAAC,EAAE,YAAY,CAAC;IACjB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,OAAO,CAAC,EACJ,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnE,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;CACrD"}

package/dist/components/layout/box/index.d.ts

@@ -0,0 +1,3 @@
+export * from './box';
+export * from './box.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC"}

package/dist/components/layout/container/container.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ContainerProps } from './container.types';
+/**
+ * Centered layout wrapper with constrained max-widths.
+ * Used for top-level page structures to maintain consistent content alignment.
+ *
+ * @example
+ * <Container size="xl">
+ *   Page Content
+ * </Container>
+ */
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=container.d.ts.map

package/dist/components/layout/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,oFAUrB,CAAC"}

package/dist/components/layout/container/container.styles.css.d.ts

@@ -0,0 +1,3 @@
+export declare const base: string;
+export declare const size: Record<"sm" | "md" | "lg" | "xl" | "full", string>;
+//# sourceMappingURL=container.styles.css.d.ts.map

package/dist/components/layout/container/container.styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,IAAI,oDAMf,CAAC"}

package/dist/components/layout/container/container.types.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '../box/box.types';
+export interface ContainerProps extends BoxProps {
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+}
+//# sourceMappingURL=container.types.d.ts.map

package/dist/components/layout/container/container.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC3C"}

package/dist/components/layout/container/index.d.ts

@@ -0,0 +1,3 @@
+export * from './container';
+export * from './container.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dist/components/layout/flex/flex.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { FlexProps } from './flex.types';
+/**
+ * Flex layout component for one-dimensional layouts.
+ * Extends Box with declarative flexbox properties like direction, alignment, and gaps.
+ *
+ * @example
+ * <Flex direction="row" gap="md" align="center" justify="between">
+ *   <div>Start</div>
+ *   <div>End</div>
+ * </Flex>
+ */
+export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=flex.d.ts.map

package/dist/components/layout/flex/flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/flex/flex.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,+EAmBhB,CAAC"}

package/dist/components/layout/flex/flex.styles.css.d.ts

@@ -0,0 +1,7 @@
+export declare const base: string;
+export declare const direction: Record<"column" | "row" | "rowReverse" | "columnReverse", string>;
+export declare const align: Record<"center" | "end" | "start" | "baseline" | "stretch", string>;
+export declare const justify: Record<"center" | "end" | "start" | "between" | "around" | "evenly", string>;
+export declare const wrap: Record<"nowrap" | "wrap" | "wrapReverse", string>;
+export declare const gap: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+//# sourceMappingURL=flex.styles.css.d.ts.map

package/dist/components/layout/flex/flex.styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/flex/flex.styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,SAAS,mEAKpB,CAAC;AAEH,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC;AAEH,eAAO,MAAM,IAAI,mDAIf,CAAC;AAEH,eAAO,MAAM,GAAG,0FAAkD,CAAC"}

package/dist/components/layout/flex/flex.types.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps, SpacingValue } from '../box/box.types';
+export interface FlexProps extends BoxProps {
+    direction?: "row" | "column" | "rowReverse" | "columnReverse";
+    align?: "start" | "center" | "end" | "baseline" | "stretch";
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
+    wrap?: "nowrap" | "wrap" | "wrapReverse";
+    gap?: SpacingValue;
+}
+//# sourceMappingURL=flex.types.d.ts.map

package/dist/components/layout/flex/flex.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/flex/flex.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,YAAY,GAAG,eAAe,CAAC;IAC9D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;IACzC,GAAG,CAAC,EAAE,YAAY,CAAC;CACpB"}

package/dist/components/layout/flex/index.d.ts

@@ -0,0 +1,3 @@
+export * from './flex';
+export * from './flex.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/components/layout/grid/grid.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { GridProps } from './grid.types';
+/**
+ * Grid layout component for complex two-dimensional layouts.
+ * Extends Box with declarative CSS Grid properties like columns, rows, and token-based gaps.
+ *
+ * @example
+ * <Grid columns={3} gap="lg">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Grid>
+ */
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=grid.d.ts.map

package/dist/components/layout/grid/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,+EAuBhB,CAAC"}

package/dist/components/layout/grid/grid.styles.css.d.ts

@@ -0,0 +1,8 @@
+export declare const base: string;
+export declare const columns: Record<1 | 2 | 3 | 4 | 5 | 6 | 12, string>;
+export declare const gap: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const columnGap: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const rowGap: Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | "4xl" | "5xl", string>;
+export declare const align: Record<"center" | "end" | "start" | "stretch", string>;
+export declare const justify: Record<"center" | "end" | "start" | "stretch", string>;
+//# sourceMappingURL=grid.styles.css.d.ts.map

package/dist/components/layout/grid/grid.styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/grid.styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,OAAO,4CAQlB,CAAC;AAEH,eAAO,MAAM,GAAG,0FAAkD,CAAC;AACnE,eAAO,MAAM,SAAS,0FAAwD,CAAC;AAC/E,eAAO,MAAM,MAAM,0FAAqD,CAAC;AAEzE,eAAO,MAAM,KAAK,wDAKhB,CAAC;AAEH,eAAO,MAAM,OAAO,wDAKlB,CAAC"}

package/dist/components/layout/grid/grid.types.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps, SpacingValue } from '../box/box.types';
+export interface GridProps extends BoxProps {
+    columns?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
+    gap?: SpacingValue;
+    columnGap?: SpacingValue;
+    rowGap?: SpacingValue;
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "end" | "stretch";
+}
+//# sourceMappingURL=grid.types.d.ts.map

package/dist/components/layout/grid/grid.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/grid.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;IACrC,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;CAClD"}

package/dist/components/layout/grid/index.d.ts

@@ -0,0 +1,3 @@
+export * from './grid';
+export * from './grid.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,6 @@
+export * from './box';
+export * from './flex';
+export * from './grid';
+export * from './container';
+export * from './stack';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/components/layout/stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stack';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/layout/stack/stack.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { FlexProps } from '../flex/flex.types';
+export interface StackProps extends Omit<FlexProps, "direction"> {
+    direction?: "vertical" | "horizontal";
+}
+/**
+ * Stack component for simple vertical or horizontal spacing.
+ * A specialized version of Flex that defaults to a vertical column.
+ *
+ * @example
+ * <Stack gap="md">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Stack>
+ */
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=stack.d.ts.map

package/dist/components/layout/stack/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAC9D,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACvC;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,gFAUjB,CAAC"}

package/dist/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/typography/typography.css.d.ts

@@ -0,0 +1,4 @@
+export declare const base: string;
+export declare const variant: Record<"caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "captionError" | "label", string>;
+export declare const weight: Record<"normal" | "bold" | "medium", string>;
+//# sourceMappingURL=typography.css.d.ts.map

package/dist/components/typography/typography.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.css.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,OAAO,yGAqDlB,CAAC;AAEH,eAAO,MAAM,MAAM,8CAIjB,CAAC"}

package/dist/components/typography/typography.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TypographyProps } from './typography.types';
+/**
+ * Typography component for consistent text styling.
+ * Supports various variants (h1-h6, body, caption, label) and weights.
+ *
+ * @example
+ * <Typography variant="h1" weight="bold">
+ *   Main Title
+ * </Typography>
+ */
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAqB,MAAM,oBAAoB,CAAC;AAexE;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,qFA6BtB,CAAC"}

package/dist/components/typography/typography.types.d.ts

@@ -0,0 +1,8 @@
+import { TypographyPrimitiveProps } from '@yuva-devlab/primitives';
+export type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "caption" | "captionError" | "label";
+export type TypographyWeight = "normal" | "medium" | "bold";
+export interface TypographyProps extends TypographyPrimitiveProps {
+    variant?: TypographyVariant;
+    weight?: TypographyWeight;
+}
+//# sourceMappingURL=typography.types.d.ts.map

package/dist/components/typography/typography.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,SAAS,GACT,cAAc,GACd,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,eAAgB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B"}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),w=require("@yuva-devlab/primitives"),d=require("clsx"),v=require("react");var P="vvjlfg0",T={xs:"vvjlfg1",sm:"vvjlfg2",md:"vvjlfg3",lg:"vvjlfg4",xl:"vvjlfg5"},E={round:"vvjlfg6",square:"vvjlfg7"},F={round:"vvjlfg8",square:"vvjlfg9"},S={narrow:"vvjlfga",default:"vvjlfgb",wide:"vvjlfgc"},C={default:"vvjlfgd",primary:"vvjlfge",ghost:"vvjlfgf",link:"vvjlfgg",elevated:"vvjlfgh",filled:"vvjlfgi",tonal:"vvjlfgj",outlined:"vvjlfgk",text:"vvjlfgl",secondary:"vvjlfgm",tertiary:"vvjlfgn"},L="vvjlfgo",X="vvjlfgp",Y="vvjlfgq";const h=v.forwardRef(({variant:r="default",size:a="md",shape:i="round",width:l="default",danger:e=!1,block:s=!1,morph:p=!1,className:t,disabled:n,loading:c,...o},f)=>x.jsx(w.ButtonPrimitive,{ref:f,loading:c,disabled:n,"aria-busy":c,className:d(P,T[a],E[i],S[l],C[r],p&&F[i],e&&L,s&&X,(n||c)&&Y,t),...o}));h.displayName="Button";var D="xwmau40",O={h1:"xwmau41",h2:"xwmau42",h3:"xwmau43",h4:"xwmau44",h5:"xwmau45",h6:"xwmau46",body:"xwmau47",caption:"xwmau48",captionError:"xwmau49",label:"xwmau4a"},A={normal:"xwmau4b",medium:"xwmau4c",bold:"xwmau4d"};const H={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"p",caption:"span",captionError:"span",label:"label"},j=v.forwardRef(({variant:r="body",weight:a,className:i,asChild:l,...e},s)=>{const p=H[r];return x.jsx(w.TypographyPrimitive,{ref:s,asChild:l,...!l&&{as:p},className:d(D,O[r],a&&A[a],i),...e})});j.displayName="Typography";var J="czs3br0",K={outline:"czs3br1",filled:"czs3br2"},Q={xs:"czs3br3",sm:"czs3br4",md:"czs3br5",lg:"czs3br6",xl:"czs3br7"},U="czs3br8";const V={style:{marginBottom:"8px"}},k=v.forwardRef(({variant:r="outline",size:a="md",error:i=!1,label:l,labelProps:e,helperText:s,errorMessage:p,className:t,id:n,...c},o)=>{const f=v.useId(),g=n||f,u=`${g}-helper-text`,m=`${g}-error-message`,z=d(c["aria-describedby"],s&&u,p&&m),y=x.jsx(w.InputPrimitive,{ref:o,id:g,"aria-invalid":i||!!p,"aria-describedby":z||void 0,autoComplete:"on",className:d(J,K[r],Q[a],(i||!!p)&&U,t),...c});return!l&&!s&&!p?y:x.jsxs("div",{style:{display:"flex",flexDirection:"column",width:"100%"},children:[l&&x.jsx(j,{variant:"label",htmlFor:g,...V,...e,children:l}),y,p&&x.jsx(j,{variant:"captionError",id:m,children:p}),!p&&s&&x.jsx(j,{variant:"caption",id:u,children:s})]})});k.displayName="Input";var W="i1r0p60",Z={"2xs":"i1r0p61",xs:"i1r0p62",sm:"i1r0p63",md:"i1r0p64",lg:"i1r0p65",xl:"i1r0p66","2xl":"i1r0p67","3xl":"i1r0p68","4xl":"i1r0p69","5xl":"i1r0p6a"},$={"2xs":"i1r0p6b",xs:"i1r0p6c",sm:"i1r0p6d",md:"i1r0p6e",lg:"i1r0p6f",xl:"i1r0p6g","2xl":"i1r0p6h","3xl":"i1r0p6i","4xl":"i1r0p6j","5xl":"i1r0p6k"},M={"2xs":"i1r0p6l",xs:"i1r0p6m",sm:"i1r0p6n",md:"i1r0p6o",lg:"i1r0p6p",xl:"i1r0p6q","2xl":"i1r0p6r","3xl":"i1r0p6s","4xl":"i1r0p6t","5xl":"i1r0p6u"},rr={"2xs":"i1r0p6v",xs:"i1r0p6w",sm:"i1r0p6x",md:"i1r0p6y",lg:"i1r0p6z",xl:"i1r0p610","2xl":"i1r0p611","3xl":"i1r0p612","4xl":"i1r0p613","5xl":"i1r0p614"},ir={"2xs":"i1r0p615",xs:"i1r0p616",sm:"i1r0p617",md:"i1r0p618",lg:"i1r0p619",xl:"i1r0p61a","2xl":"i1r0p61b","3xl":"i1r0p61c","4xl":"i1r0p61d","5xl":"i1r0p61e"},ar={"2xs":"i1r0p61f",xs:"i1r0p61g",sm:"i1r0p61h",md:"i1r0p61i",lg:"i1r0p61j",xl:"i1r0p61k","2xl":"i1r0p61l","3xl":"i1r0p61m","4xl":"i1r0p61n","5xl":"i1r0p61o"},lr={"2xs":"i1r0p61p",xs:"i1r0p61q",sm:"i1r0p61r",md:"i1r0p61s",lg:"i1r0p61t",xl:"i1r0p61u","2xl":"i1r0p61v","3xl":"i1r0p61w","4xl":"i1r0p61x","5xl":"i1r0p61y"},pr={"2xs":"i1r0p61z",xs:"i1r0p620",sm:"i1r0p621",md:"i1r0p622",lg:"i1r0p623",xl:"i1r0p624","2xl":"i1r0p625","3xl":"i1r0p626","4xl":"i1r0p627","5xl":"i1r0p628"},sr={"2xs":"i1r0p629",xs:"i1r0p62a",sm:"i1r0p62b",md:"i1r0p62c",lg:"i1r0p62d",xl:"i1r0p62e","2xl":"i1r0p62f","3xl":"i1r0p62g","4xl":"i1r0p62h","5xl":"i1r0p62i"},er={"2xs":"i1r0p62j",xs:"i1r0p62k",sm:"i1r0p62l",md:"i1r0p62m",lg:"i1r0p62n",xl:"i1r0p62o","2xl":"i1r0p62p","3xl":"i1r0p62q","4xl":"i1r0p62r","5xl":"i1r0p62s"},xr={"2xs":"i1r0p62t",xs:"i1r0p62u",sm:"i1r0p62v",md:"i1r0p62w",lg:"i1r0p62x",xl:"i1r0p62y","2xl":"i1r0p62z","3xl":"i1r0p630","4xl":"i1r0p631","5xl":"i1r0p632"},tr={"2xs":"i1r0p633",xs:"i1r0p634",sm:"i1r0p635",md:"i1r0p636",lg:"i1r0p637",xl:"i1r0p638","2xl":"i1r0p639","3xl":"i1r0p63a","4xl":"i1r0p63b","5xl":"i1r0p63c"},nr={"2xs":"i1r0p63d",xs:"i1r0p63e",sm:"i1r0p63f",md:"i1r0p63g",lg:"i1r0p63h",xl:"i1r0p63i","2xl":"i1r0p63j","3xl":"i1r0p63k","4xl":"i1r0p63l","5xl":"i1r0p63m"},cr={"2xs":"i1r0p63n",xs:"i1r0p63o",sm:"i1r0p63p",md:"i1r0p63q",lg:"i1r0p63r",xl:"i1r0p63s","2xl":"i1r0p63t","3xl":"i1r0p63u","4xl":"i1r0p63v","5xl":"i1r0p63w"},vr={block:"i1r0p63x",flex:"i1r0p63y",grid:"i1r0p63z",inline:"i1r0p640",inlineBlock:"i1r0p641",inlineFlex:"i1r0p642",inlineGrid:"i1r0p643",none:"i1r0p644"},dr={static:"i1r0p645",relative:"i1r0p646",absolute:"i1r0p647",fixed:"i1r0p648",sticky:"i1r0p649"},gr={visible:"i1r0p64a",hidden:"i1r0p64b",scroll:"i1r0p64c",auto:"i1r0p64d"};const _=v.forwardRef(({p:r,px:a,py:i,pt:l,pr:e,pb:s,pl:p,m:t,mx:n,my:c,mt:o,mr:f,mb:g,ml:u,display:m,position:z,overflow:y,className:B,...I},G)=>x.jsx(w.BoxPrimitive,{ref:G,className:d(W,r&&Z[r],a&&$[a],i&&M[i],l&&rr[l],e&&ir[e],s&&ar[s],p&&lr[p],t&&pr[t],n&&sr[n],c&&er[c],o&&xr[o],f&&tr[f],g&&nr[g],u&&cr[u],m&&vr[m],z&&dr[z],y&&gr[y],B),...I}));_.displayName="Box";var or="_11sjf7u0",fr={row:"_11sjf7u1",column:"_11sjf7u2",rowReverse:"_11sjf7u3",columnReverse:"_11sjf7u4"},ur={start:"_11sjf7u5",center:"_11sjf7u6",end:"_11sjf7u7",baseline:"_11sjf7u8",stretch:"_11sjf7u9"},mr={start:"_11sjf7ua",center:"_11sjf7ub",end:"_11sjf7uc",between:"_11sjf7ud",around:"_11sjf7ue",evenly:"_11sjf7uf"},yr={nowrap:"_11sjf7ug",wrap:"_11sjf7uh",wrapReverse:"_11sjf7ui"},jr={"2xs":"_11sjf7uj",xs:"_11sjf7uk",sm:"_11sjf7ul",md:"_11sjf7um",lg:"_11sjf7un",xl:"_11sjf7uo","2xl":"_11sjf7up","3xl":"_11sjf7uq","4xl":"_11sjf7ur","5xl":"_11sjf7us"};const b=v.forwardRef(({direction:r,align:a,justify:i,wrap:l,gap:e,className:s,...p},t)=>x.jsx(_,{ref:t,display:"flex",className:d(or,r&&fr[r],a&&ur[a],i&&mr[i],l&&yr[l],e&&jr[e],s),...p}));b.displayName="Flex";var _r="_1cg9azy0",zr={1:"_1cg9azy1",2:"_1cg9azy2",3:"_1cg9azy3",4:"_1cg9azy4",5:"_1cg9azy5",6:"_1cg9azy6",12:"_1cg9azy7"},wr={"2xs":"_1cg9azy8",xs:"_1cg9azy9",sm:"_1cg9azya",md:"_1cg9azyb",lg:"_1cg9azyc",xl:"_1cg9azyd","2xl":"_1cg9azye","3xl":"_1cg9azyf","4xl":"_1cg9azyg","5xl":"_1cg9azyh"},br={"2xs":"_1cg9azyi",xs:"_1cg9azyj",sm:"_1cg9azyk",md:"_1cg9azyl",lg:"_1cg9azym",xl:"_1cg9azyn","2xl":"_1cg9azyo","3xl":"_1cg9azyp","4xl":"_1cg9azyq","5xl":"_1cg9azyr"},hr={"2xs":"_1cg9azys",xs:"_1cg9azyt",sm:"_1cg9azyu",md:"_1cg9azyv",lg:"_1cg9azyw",xl:"_1cg9azyx","2xl":"_1cg9azyy","3xl":"_1cg9azyz","4xl":"_1cg9azy10","5xl":"_1cg9azy11"},kr={start:"_1cg9azy12",center:"_1cg9azy13",end:"_1cg9azy14",stretch:"_1cg9azy15"},Nr={start:"_1cg9azy16",center:"_1cg9azy17",end:"_1cg9azy18",stretch:"_1cg9azy19"};const N=v.forwardRef(({columns:r,gap:a,columnGap:i,rowGap:l,align:e,justify:s,className:p,...t},n)=>x.jsx(_,{ref:n,display:"grid",className:d(_r,r&&zr[r],a&&wr[a],i&&br[i],l&&hr[l],e&&kr[e],s&&Nr[s],p),...t}));N.displayName="Grid";var Rr="oflweu0",qr={sm:"oflweu1",md:"oflweu2",lg:"oflweu3",xl:"oflweu4",full:"oflweu5"};const R=v.forwardRef(({size:r="lg",className:a,...i},l)=>x.jsx(_,{ref:l,className:d(Rr,r&&qr[r],a),...i}));R.displayName="Container";const q=v.forwardRef(({direction:r="vertical",...a},i)=>x.jsx(b,{ref:i,direction:r==="vertical"?"column":"row",...a}));q.displayName="Stack";exports.Box=_;exports.Button=h;exports.Container=R;exports.Flex=b;exports.Grid=N;exports.Input=k;exports.Stack=q;exports.Typography=j;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAC;AAExC,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,275 @@
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { ButtonPrimitive as R, TypographyPrimitive as B, InputPrimitive as q, BoxPrimitive as I } from "@yuva-devlab/primitives";
+import n from "clsx";
+import d from "react";
+var E = "vvjlfg0", G = { xs: "vvjlfg1", sm: "vvjlfg2", md: "vvjlfg3", lg: "vvjlfg4", xl: "vvjlfg5" }, P = { round: "vvjlfg6", square: "vvjlfg7" }, F = { round: "vvjlfg8", square: "vvjlfg9" }, T = { narrow: "vvjlfga", default: "vvjlfgb", wide: "vvjlfgc" }, L = { default: "vvjlfgd", primary: "vvjlfge", ghost: "vvjlfgf", link: "vvjlfgg", elevated: "vvjlfgh", filled: "vvjlfgi", tonal: "vvjlfgj", outlined: "vvjlfgk", text: "vvjlfgl", secondary: "vvjlfgm", tertiary: "vvjlfgn" }, C = "vvjlfgo", S = "vvjlfgp", X = "vvjlfgq";
+const Y = d.forwardRef(
+  ({
+    variant: r = "default",
+    size: a = "md",
+    shape: i = "round",
+    width: l = "default",
+    danger: x = !1,
+    block: s = !1,
+    morph: p = !1,
+    className: t,
+    disabled: v,
+    loading: c,
+    ...o
+  }, m) => /* @__PURE__ */ e(
+    R,
+    {
+      ref: m,
+      loading: c,
+      disabled: v,
+      "aria-busy": c,
+      className: n(
+        E,
+        G[a],
+        P[i],
+        T[l],
+        L[r],
+        p && F[i],
+        x && C,
+        s && S,
+        (v || c) && X,
+        t
+      ),
+      ...o
+    }
+  )
+);
+Y.displayName = "Button";
+var D = "xwmau40", A = { h1: "xwmau41", h2: "xwmau42", h3: "xwmau43", h4: "xwmau44", h5: "xwmau45", h6: "xwmau46", body: "xwmau47", caption: "xwmau48", captionError: "xwmau49", label: "xwmau4a" }, H = { normal: "xwmau4b", medium: "xwmau4c", bold: "xwmau4d" };
+const J = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body: "p",
+  caption: "span",
+  captionError: "span",
+  label: "label"
+}, j = d.forwardRef(
+  ({ variant: r = "body", weight: a, className: i, asChild: l, ...x }, s) => {
+    const p = J[r];
+    return /* @__PURE__ */ e(
+      B,
+      {
+        ref: s,
+        asChild: l,
+        ...!l && { as: p },
+        className: n(
+          D,
+          A[r],
+          a && H[a],
+          i
+        ),
+        ...x
+      }
+    );
+  }
+);
+j.displayName = "Typography";
+var K = "czs3br0", O = { outline: "czs3br1", filled: "czs3br2" }, Q = { xs: "czs3br3", sm: "czs3br4", md: "czs3br5", lg: "czs3br6", xl: "czs3br7" }, U = "czs3br8";
+const V = {
+  style: {
+    marginBottom: "8px"
+  }
+}, W = d.forwardRef(
+  ({
+    variant: r = "outline",
+    size: a = "md",
+    error: i = !1,
+    label: l,
+    labelProps: x,
+    helperText: s,
+    errorMessage: p,
+    className: t,
+    id: v,
+    ...c
+  }, o) => {
+    const m = d.useId(), g = v || m, f = `${g}-helper-text`, u = `${g}-error-message`, _ = n(
+      c["aria-describedby"],
+      s && f,
+      p && u
+    ), y = /* @__PURE__ */ e(
+      q,
+      {
+        ref: o,
+        id: g,
+        "aria-invalid": i || !!p,
+        "aria-describedby": _ || void 0,
+        autoComplete: "on",
+        className: n(
+          K,
+          O[r],
+          Q[a],
+          (i || !!p) && U,
+          t
+        ),
+        ...c
+      }
+    );
+    return !l && !s && !p ? y : /* @__PURE__ */ N("div", { style: { display: "flex", flexDirection: "column", width: "100%" }, children: [
+      l && /* @__PURE__ */ e(
+        j,
+        {
+          variant: "label",
+          htmlFor: g,
+          ...V,
+          ...x,
+          children: l
+        }
+      ),
+      y,
+      p && /* @__PURE__ */ e(
+        j,
+        {
+          variant: "captionError",
+          id: u,
+          children: p
+        }
+      ),
+      !p && s && /* @__PURE__ */ e(
+        j,
+        {
+          variant: "caption",
+          id: f,
+          children: s
+        }
+      )
+    ] });
+  }
+);
+W.displayName = "Input";
+var Z = "i1r0p60", $ = { "2xs": "i1r0p61", xs: "i1r0p62", sm: "i1r0p63", md: "i1r0p64", lg: "i1r0p65", xl: "i1r0p66", "2xl": "i1r0p67", "3xl": "i1r0p68", "4xl": "i1r0p69", "5xl": "i1r0p6a" }, M = { "2xs": "i1r0p6b", xs: "i1r0p6c", sm: "i1r0p6d", md: "i1r0p6e", lg: "i1r0p6f", xl: "i1r0p6g", "2xl": "i1r0p6h", "3xl": "i1r0p6i", "4xl": "i1r0p6j", "5xl": "i1r0p6k" }, rr = { "2xs": "i1r0p6l", xs: "i1r0p6m", sm: "i1r0p6n", md: "i1r0p6o", lg: "i1r0p6p", xl: "i1r0p6q", "2xl": "i1r0p6r", "3xl": "i1r0p6s", "4xl": "i1r0p6t", "5xl": "i1r0p6u" }, ir = { "2xs": "i1r0p6v", xs: "i1r0p6w", sm: "i1r0p6x", md: "i1r0p6y", lg: "i1r0p6z", xl: "i1r0p610", "2xl": "i1r0p611", "3xl": "i1r0p612", "4xl": "i1r0p613", "5xl": "i1r0p614" }, ar = { "2xs": "i1r0p615", xs: "i1r0p616", sm: "i1r0p617", md: "i1r0p618", lg: "i1r0p619", xl: "i1r0p61a", "2xl": "i1r0p61b", "3xl": "i1r0p61c", "4xl": "i1r0p61d", "5xl": "i1r0p61e" }, lr = { "2xs": "i1r0p61f", xs: "i1r0p61g", sm: "i1r0p61h", md: "i1r0p61i", lg: "i1r0p61j", xl: "i1r0p61k", "2xl": "i1r0p61l", "3xl": "i1r0p61m", "4xl": "i1r0p61n", "5xl": "i1r0p61o" }, pr = { "2xs": "i1r0p61p", xs: "i1r0p61q", sm: "i1r0p61r", md: "i1r0p61s", lg: "i1r0p61t", xl: "i1r0p61u", "2xl": "i1r0p61v", "3xl": "i1r0p61w", "4xl": "i1r0p61x", "5xl": "i1r0p61y" }, sr = { "2xs": "i1r0p61z", xs: "i1r0p620", sm: "i1r0p621", md: "i1r0p622", lg: "i1r0p623", xl: "i1r0p624", "2xl": "i1r0p625", "3xl": "i1r0p626", "4xl": "i1r0p627", "5xl": "i1r0p628" }, xr = { "2xs": "i1r0p629", xs: "i1r0p62a", sm: "i1r0p62b", md: "i1r0p62c", lg: "i1r0p62d", xl: "i1r0p62e", "2xl": "i1r0p62f", "3xl": "i1r0p62g", "4xl": "i1r0p62h", "5xl": "i1r0p62i" }, er = { "2xs": "i1r0p62j", xs: "i1r0p62k", sm: "i1r0p62l", md: "i1r0p62m", lg: "i1r0p62n", xl: "i1r0p62o", "2xl": "i1r0p62p", "3xl": "i1r0p62q", "4xl": "i1r0p62r", "5xl": "i1r0p62s" }, tr = { "2xs": "i1r0p62t", xs: "i1r0p62u", sm: "i1r0p62v", md: "i1r0p62w", lg: "i1r0p62x", xl: "i1r0p62y", "2xl": "i1r0p62z", "3xl": "i1r0p630", "4xl": "i1r0p631", "5xl": "i1r0p632" }, vr = { "2xs": "i1r0p633", xs: "i1r0p634", sm: "i1r0p635", md: "i1r0p636", lg: "i1r0p637", xl: "i1r0p638", "2xl": "i1r0p639", "3xl": "i1r0p63a", "4xl": "i1r0p63b", "5xl": "i1r0p63c" }, cr = { "2xs": "i1r0p63d", xs: "i1r0p63e", sm: "i1r0p63f", md: "i1r0p63g", lg: "i1r0p63h", xl: "i1r0p63i", "2xl": "i1r0p63j", "3xl": "i1r0p63k", "4xl": "i1r0p63l", "5xl": "i1r0p63m" }, dr = { "2xs": "i1r0p63n", xs: "i1r0p63o", sm: "i1r0p63p", md: "i1r0p63q", lg: "i1r0p63r", xl: "i1r0p63s", "2xl": "i1r0p63t", "3xl": "i1r0p63u", "4xl": "i1r0p63v", "5xl": "i1r0p63w" }, nr = { block: "i1r0p63x", flex: "i1r0p63y", grid: "i1r0p63z", inline: "i1r0p640", inlineBlock: "i1r0p641", inlineFlex: "i1r0p642", inlineGrid: "i1r0p643", none: "i1r0p644" }, gr = { static: "i1r0p645", relative: "i1r0p646", absolute: "i1r0p647", fixed: "i1r0p648", sticky: "i1r0p649" }, or = { visible: "i1r0p64a", hidden: "i1r0p64b", scroll: "i1r0p64c", auto: "i1r0p64d" };
+const z = d.forwardRef(
+  ({
+    p: r,
+    px: a,
+    py: i,
+    pt: l,
+    pr: x,
+    pb: s,
+    pl: p,
+    m: t,
+    mx: v,
+    my: c,
+    mt: o,
+    mr: m,
+    mb: g,
+    ml: f,
+    display: u,
+    position: _,
+    overflow: y,
+    className: b,
+    ...h
+  }, k) => /* @__PURE__ */ e(
+    I,
+    {
+      ref: k,
+      className: n(
+        Z,
+        r && $[r],
+        a && M[a],
+        i && rr[i],
+        l && ir[l],
+        x && ar[x],
+        s && lr[s],
+        p && pr[p],
+        t && sr[t],
+        v && xr[v],
+        c && er[c],
+        o && tr[o],
+        m && vr[m],
+        g && cr[g],
+        f && dr[f],
+        u && nr[u],
+        _ && gr[_],
+        y && or[y],
+        b
+      ),
+      ...h
+    }
+  )
+);
+z.displayName = "Box";
+var mr = "_11sjf7u0", fr = { row: "_11sjf7u1", column: "_11sjf7u2", rowReverse: "_11sjf7u3", columnReverse: "_11sjf7u4" }, ur = { start: "_11sjf7u5", center: "_11sjf7u6", end: "_11sjf7u7", baseline: "_11sjf7u8", stretch: "_11sjf7u9" }, yr = { start: "_11sjf7ua", center: "_11sjf7ub", end: "_11sjf7uc", between: "_11sjf7ud", around: "_11sjf7ue", evenly: "_11sjf7uf" }, _r = { nowrap: "_11sjf7ug", wrap: "_11sjf7uh", wrapReverse: "_11sjf7ui" }, jr = { "2xs": "_11sjf7uj", xs: "_11sjf7uk", sm: "_11sjf7ul", md: "_11sjf7um", lg: "_11sjf7un", xl: "_11sjf7uo", "2xl": "_11sjf7up", "3xl": "_11sjf7uq", "4xl": "_11sjf7ur", "5xl": "_11sjf7us" };
+const w = d.forwardRef(
+  ({ direction: r, align: a, justify: i, wrap: l, gap: x, className: s, ...p }, t) => /* @__PURE__ */ e(
+    z,
+    {
+      ref: t,
+      display: "flex",
+      className: n(
+        mr,
+        r && fr[r],
+        a && ur[a],
+        i && yr[i],
+        l && _r[l],
+        x && jr[x],
+        s
+      ),
+      ...p
+    }
+  )
+);
+w.displayName = "Flex";
+var zr = "_1cg9azy0", wr = { 1: "_1cg9azy1", 2: "_1cg9azy2", 3: "_1cg9azy3", 4: "_1cg9azy4", 5: "_1cg9azy5", 6: "_1cg9azy6", 12: "_1cg9azy7" }, br = { "2xs": "_1cg9azy8", xs: "_1cg9azy9", sm: "_1cg9azya", md: "_1cg9azyb", lg: "_1cg9azyc", xl: "_1cg9azyd", "2xl": "_1cg9azye", "3xl": "_1cg9azyf", "4xl": "_1cg9azyg", "5xl": "_1cg9azyh" }, hr = { "2xs": "_1cg9azyi", xs: "_1cg9azyj", sm: "_1cg9azyk", md: "_1cg9azyl", lg: "_1cg9azym", xl: "_1cg9azyn", "2xl": "_1cg9azyo", "3xl": "_1cg9azyp", "4xl": "_1cg9azyq", "5xl": "_1cg9azyr" }, kr = { "2xs": "_1cg9azys", xs: "_1cg9azyt", sm: "_1cg9azyu", md: "_1cg9azyv", lg: "_1cg9azyw", xl: "_1cg9azyx", "2xl": "_1cg9azyy", "3xl": "_1cg9azyz", "4xl": "_1cg9azy10", "5xl": "_1cg9azy11" }, Nr = { start: "_1cg9azy12", center: "_1cg9azy13", end: "_1cg9azy14", stretch: "_1cg9azy15" }, Rr = { start: "_1cg9azy16", center: "_1cg9azy17", end: "_1cg9azy18", stretch: "_1cg9azy19" };
+const Br = d.forwardRef(
+  ({ columns: r, gap: a, columnGap: i, rowGap: l, align: x, justify: s, className: p, ...t }, v) => /* @__PURE__ */ e(
+    z,
+    {
+      ref: v,
+      display: "grid",
+      className: n(
+        zr,
+        r && wr[r],
+        a && br[a],
+        i && hr[i],
+        l && kr[l],
+        x && Nr[x],
+        s && Rr[s],
+        p
+      ),
+      ...t
+    }
+  )
+);
+Br.displayName = "Grid";
+var qr = "oflweu0", Ir = { sm: "oflweu1", md: "oflweu2", lg: "oflweu3", xl: "oflweu4", full: "oflweu5" };
+const Er = d.forwardRef(
+  ({ size: r = "lg", className: a, ...i }, l) => /* @__PURE__ */ e(
+    z,
+    {
+      ref: l,
+      className: n(qr, r && Ir[r], a),
+      ...i
+    }
+  )
+);
+Er.displayName = "Container";
+const Gr = d.forwardRef(
+  ({ direction: r = "vertical", ...a }, i) => /* @__PURE__ */ e(
+    w,
+    {
+      ref: i,
+      direction: r === "vertical" ? "column" : "row",
+      ...a
+    }
+  )
+);
+Gr.displayName = "Stack";
+export {
+  z as Box,
+  Y as Button,
+  Er as Container,
+  w as Flex,
+  Br as Grid,
+  W as Input,
+  Gr as Stack,
+  j as Typography
+};

package/dist/ui.css

@@ -0,0 +1 @@
+:root{--gvxmrc0: 2px;--gvxmrc1: 4px;--gvxmrc2: 8px;--gvxmrc3: 12px;--gvxmrc4: 16px;--gvxmrc5: 24px;--gvxmrc6: 32px;--gvxmrc7: 48px;--gvxmrc8: 64px;--gvxmrc9: 96px}:root{--_1n6x16v0: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--_1n6x16v1: "Roboto Mono", "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--_1n6x16v2: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--_1n6x16v3: .75rem;--_1n6x16v4: .875rem;--_1n6x16v5: 1rem;--_1n6x16v6: 1.125rem;--_1n6x16v7: 1.25rem;--_1n6x16v8: 1.5rem;--_1n6x16v9: 1.875rem;--_1n6x16va: 2.25rem;--_1n6x16vb: 3rem;--_1n6x16vc: 3.75rem;--_1n6x16vd: 400;--_1n6x16ve: 500;--_1n6x16vf: 600;--_1n6x16vg: 700;--_1n6x16vh: 1.25;--_1n6x16vi: 1.5;--_1n6x16vj: 1.75;--_1n6x16vk: -.01em;--_1n6x16vl: 0;--_1n6x16vm: .025em}:root{--_1kuq8ox0: 0;--_1kuq8ox1: 2px;--_1kuq8ox2: 4px;--_1kuq8ox3: 8px;--_1kuq8ox4: 12px;--_1kuq8ox5: 16px;--_1kuq8ox6: 20px;--_1kuq8ox7: 24px;--_1kuq8ox8: 9999px}:root{--bmiysz0: none;--bmiysz1: 0 1px 2px 0 rgba(60, 64, 67, .15);--bmiysz2: 0 1px 3px 0 rgba(60, 64, 67, .15), 0 1px 2px 0 rgba(60, 64, 67, .1);--bmiysz3: 0 4px 6px -1px rgba(60, 64, 67, .15), 0 2px 4px -1px rgba(60, 64, 67, .1);--bmiysz4: 0 10px 15px -3px rgba(60, 64, 67, .15), 0 4px 6px -2px rgba(60, 64, 67, .1);--bmiysz5: 0 20px 25px -5px rgba(60, 64, 67, .15), 0 10px 10px -5px rgba(60, 64, 67, .1);--bmiysz6: 0 25px 50px -12px rgba(60, 64, 67, .25);--bmiysz7: inset 0 2px 4px 0 rgba(60, 64, 67, .1);--bmiysz8: 0 0 0 3px rgba(26, 115, 232, .2)}:root{--bk5zhy0: 0ms;--bk5zhy1: .1s;--bk5zhy2: .2s;--bk5zhy3: .3s;--bk5zhy4: .5s;--bk5zhy5: cubic-bezier(.4, 0, .2, 1);--bk5zhy6: cubic-bezier(.2, 0, 0, 1);--bk5zhy7: cubic-bezier(0, 0, .2, 1);--bk5zhy8: cubic-bezier(.4, 0, 1, 1);--bk5zhy9: linear}:root{--yzj9f90: 0px;--yzj9f91: 640px;--yzj9f92: 768px;--yzj9f93: 1024px;--yzj9f94: 1280px;--yzj9f95: 1536px}:root{--r97p5i0: 0;--r97p5i1: 1000;--r97p5i2: 1100;--r97p5i3: 1200;--r97p5i4: 1300;--r97p5i5: 1400;--r97p5i6: 1500;--r97p5i7: 1600;--r97p5i8: 1700}:root{--bqyc8s0: #000000;--bqyc8s1: #132017;--bqyc8s2: #26402f;--bqyc8s3: #396046;--bqyc8s4: #4b815d;--bqyc8s5: #5ea174;--bqyc8s6: #7eb490;--bqyc8s7: #9fc6ac;--bqyc8s8: #bfd9c8;--bqyc8s9: #dfece3;--bqyc8sa: #eff6f1;--bqyc8sb: #fcfdfc;--bqyc8sc: #ffffff;--bqyc8sd: #000000;--bqyc8se: #171c17;--bqyc8sf: #2e392d;--bqyc8sg: #455544;--bqyc8sh: #5c715b;--bqyc8si: #738e71;--bqyc8sj: #8fa48e;--bqyc8sk: #abbbaa;--bqyc8sl: #c7d2c6;--bqyc8sm: #e3e8e3;--bqyc8sn: #f1f4f1;--bqyc8so: #fcfdfc;--bqyc8sp: #ffffff;--bqyc8sq: #000000;--bqyc8sr: #121e21;--bqyc8ss: #233b43;--bqyc8st: #355964;--bqyc8su: #467786;--bqyc8sv: #5895a7;--bqyc8sw: #79aab9;--bqyc8sx: #9bbfca;--bqyc8sy: #bcd4dc;--bqyc8sz: #deeaed;--bqyc8s10: #eef4f6;--bqyc8s11: #fcfdfd;--bqyc8s12: #ffffff;--bqyc8s13: #000000;--bqyc8s14: #2d0606;--bqyc8s15: #590d0d;--bqyc8s16: #861313;--bqyc8s17: #b31919;--bqyc8s18: #df2020;--bqyc8s19: #e64c4c;--bqyc8s1a: #ec7979;--bqyc8s1b: #f2a6a6;--bqyc8s1c: #f9d2d2;--bqyc8s1d: #fce9e9;--bqyc8s1e: #fefbfb;--bqyc8s1f: #ffffff;--bqyc8s1g: #000000;--bqyc8s1h: #1a1a19;--bqyc8s1i: #333531;--bqyc8s1j: #4d4f4a;--bqyc8s1k: #666963;--bqyc8s1l: #80837c;--bqyc8s1m: #999c96;--bqyc8s1n: #b3b5b0;--bqyc8s1o: #ccceca;--bqyc8s1p: #e6e6e5;--bqyc8s1q: #f2f3f2;--bqyc8s1r: #fcfdfc;--bqyc8s1s: #ffffff;--bqyc8s1t: #000000;--bqyc8s1u: #191b18;--bqyc8s1v: #333630;--bqyc8s1w: #4c5049;--bqyc8s1x: #656b61;--bqyc8s1y: #7f8679;--bqyc8s1z: #989e94;--bqyc8s20: #b2b6af;--bqyc8s21: #cccfc9;--bqyc8s22: #e5e7e4;--bqyc8s23: #f2f3f2;--bqyc8s24: #fcfdfc;--bqyc8s25: #ffffff}:root{--yd-color-primary: var(--bqyc8s4);--yd-color-on-primary: var(--bqyc8sc);--yd-color-primary-container: var(--bqyc8s9);--yd-color-on-primary-container: var(--bqyc8s1);--yd-color-primary-hover: var(--bqyc8s5);--yd-color-primary-active: var(--bqyc8s6);--yd-color-primary-subtle: var(--bqyc8sa);--yd-color-secondary: var(--bqyc8sh);--yd-color-on-secondary: var(--bqyc8sp);--yd-color-secondary-container: var(--bqyc8sm);--yd-color-on-secondary-container: var(--bqyc8se);--yd-color-secondary-hover: var(--bqyc8si);--yd-color-secondary-active: var(--bqyc8sj);--yd-color-secondary-subtle: var(--bqyc8sn);--yd-color-tertiary: var(--bqyc8su);--yd-color-on-tertiary: var(--bqyc8s12);--yd-color-tertiary-container: var(--bqyc8sz);--yd-color-on-tertiary-container: var(--bqyc8sr);--yd-color-tertiary-hover: var(--bqyc8sv);--yd-color-tertiary-active: var(--bqyc8sw);--yd-color-tertiary-subtle: var(--bqyc8s10);--yd-color-danger: var(--bqyc8s17);--yd-color-on-danger: var(--bqyc8s1f);--yd-color-danger-container: var(--bqyc8s1c);--yd-color-on-danger-container: var(--bqyc8s14);--yd-color-danger-hover: var(--bqyc8s18);--yd-color-danger-active: var(--bqyc8s19);--yd-color-danger-subtle: var(--bqyc8s1d);--yd-color-success: #5ea174;--yd-color-on-success: #ffffff;--yd-color-success-container: #cde4d5;--yd-color-on-success-container: #1b3123;--yd-color-success-hover: #559169;--yd-color-success-active: #427052;--yd-color-success-subtle: #eef6f1;--yd-color-warning: #ffaa00;--yd-color-on-warning: #ffffff;--yd-color-warning-container: #ffe5b3;--yd-color-on-warning-container: #4d3300;--yd-color-warning-hover: #e69900;--yd-color-warning-active: #b37700;--yd-color-warning-subtle: #fff7e5;--yd-color-info: #00c8ff;--yd-color-on-info: #ffffff;--yd-color-info-container: #b3eeff;--yd-color-on-info-container: #003c4d;--yd-color-info-hover: #00b4e6;--yd-color-info-active: #008cb3;--yd-color-info-subtle: #e5f9ff;--yd-color-text-primary: var(--bqyc8s1h);--yd-color-text-secondary: var(--bqyc8s1w);--yd-color-text-tertiary: var(--bqyc8s1y);--yd-color-text-disabled: var(--bqyc8s1o);--yd-color-text-on-primary: var(--bqyc8sc);--yd-color-text-on-color: var(--bqyc8sc);--yd-color-text-inverse: var(--bqyc8s1q);--yd-color-bg-body: var(--bqyc8s1r);--yd-color-bg-surface: var(--bqyc8s1r);--yd-color-bg-surface-hover: var(--bqyc8s1q);--yd-color-bg-surface-active: var(--bqyc8s1p);--yd-color-bg-surface-raised: var(--bqyc8s1s);--yd-color-bg-surface-overlay: var(--bqyc8s1s);--yd-color-bg-canvas: var(--bqyc8s1q);--yd-color-bg-subtle: var(--bqyc8sa);--yd-color-bg-disabled: var(--bqyc8s1p);--yd-color-border-subtle: var(--bqyc8s22);--yd-color-border-default: var(--bqyc8s1y);--yd-color-border-strong: var(--bqyc8s1w);--yd-color-border-interactive: var(--bqyc8s4);--yd-color-border-disabled: var(--bqyc8s21);--yd-color-focus-ring: 0 0 0 3px var(--bqyc8s9);--yd-color-overlay: rgba(0, 0, 0, .12)}._12xlnoq0{--yd-color-primary: var(--bqyc8s8);--yd-color-on-primary: var(--bqyc8s2);--yd-color-primary-container: var(--bqyc8s3);--yd-color-on-primary-container: var(--bqyc8s9);--yd-color-primary-hover: var(--bqyc8s7);--yd-color-primary-active: var(--bqyc8s6);--yd-color-primary-subtle: var(--bqyc8sa);--yd-color-secondary: var(--bqyc8sl);--yd-color-on-secondary: var(--bqyc8sf);--yd-color-secondary-container: var(--bqyc8sg);--yd-color-on-secondary-container: var(--bqyc8sm);--yd-color-secondary-hover: var(--bqyc8sk);--yd-color-secondary-active: var(--bqyc8sj);--yd-color-secondary-subtle: var(--bqyc8sn);--yd-color-tertiary: var(--bqyc8sy);--yd-color-on-tertiary: var(--bqyc8ss);--yd-color-tertiary-container: var(--bqyc8st);--yd-color-on-tertiary-container: var(--bqyc8sz);--yd-color-tertiary-hover: var(--bqyc8sx);--yd-color-tertiary-active: var(--bqyc8sw);--yd-color-tertiary-subtle: var(--bqyc8s10);--yd-color-danger: var(--bqyc8s1b);--yd-color-on-danger: var(--bqyc8s15);--yd-color-danger-container: var(--bqyc8s16);--yd-color-on-danger-container: var(--bqyc8s1c);--yd-color-danger-hover: var(--bqyc8s1a);--yd-color-danger-active: var(--bqyc8s19);--yd-color-danger-subtle: var(--bqyc8s1d);--yd-color-success: #7eb490;--yd-color-on-success: #000000;--yd-color-success-container: #2f503a;--yd-color-on-success-container: #eef6f1;--yd-color-success-hover: #8fbd9e;--yd-color-success-active: #afd0ba;--yd-color-success-subtle: #1b3123;--yd-color-warning: #ffbb33;--yd-color-on-warning: #000000;--yd-color-warning-container: #805500;--yd-color-on-warning-container: #fff7e5;--yd-color-warning-hover: #ffc34d;--yd-color-warning-active: #ffd480;--yd-color-warning-subtle: #4d3300;--yd-color-info: #33d3ff;--yd-color-on-info: #000000;--yd-color-info-container: #006480;--yd-color-on-info-container: #e5f9ff;--yd-color-info-hover: #4dd8ff;--yd-color-info-active: #80e3ff;--yd-color-info-subtle: #003c4d;--yd-color-text-primary: var(--bqyc8s1p);--yd-color-text-secondary: var(--bqyc8s21);--yd-color-text-tertiary: var(--bqyc8s1z);--yd-color-text-disabled: var(--bqyc8s1j);--yd-color-text-on-primary: var(--bqyc8s2);--yd-color-text-on-color: var(--bqyc8s1);--yd-color-text-inverse: var(--bqyc8s1h);--yd-color-bg-body: var(--bqyc8s1h);--yd-color-bg-surface: var(--bqyc8s1h);--yd-color-bg-surface-hover: var(--bqyc8s1i);--yd-color-bg-surface-active: var(--bqyc8s1i);--yd-color-bg-surface-raised: var(--bqyc8s1i);--yd-color-bg-surface-overlay: var(--bqyc8s1i);--yd-color-bg-canvas: var(--bqyc8s1g);--yd-color-bg-subtle: var(--bqyc8s2);--yd-color-bg-disabled: var(--bqyc8s1i);--yd-color-border-subtle: var(--bqyc8s1w);--yd-color-border-default: var(--bqyc8s1z);--yd-color-border-strong: var(--bqyc8s21);--yd-color-border-interactive: var(--bqyc8s8);--yd-color-border-disabled: var(--bqyc8s1v);--yd-color-focus-ring: 0 0 0 3px var(--bqyc8s4);--yd-color-overlay: rgba(255, 255, 255, .08)}::selection{background-color:var(--yd-color-primary-container);color:var(--yd-color-on-primary-container)}.vvjlfg0{display:inline-flex;align-items:center;justify-content:center;gap:var(--gvxmrc2);font-family:var(--_1n6x16v0);font-weight:var(--_1n6x16ve);border-width:1px;border-style:solid;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1),border-radius .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;outline:none;position:relative;overflow:hidden}.vvjlfg0:focus-visible{box-shadow:0 0 0 2px var(--yd-color-bg-body),0 0 0 4px var(--yd-color-primary)}.vvjlfg0:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.vvjlfg0:active{transform:scale(.97)}.vvjlfg1{height:28px;font-size:var(--_1n6x16v3)}.vvjlfg2{height:32px;font-size:var(--_1n6x16v4)}.vvjlfg3{height:40px;font-size:var(--_1n6x16v4)}.vvjlfg4{height:48px;font-size:var(--_1n6x16v5)}.vvjlfg5{height:56px;font-size:var(--_1n6x16v5)}.vvjlfg6{border-radius:var(--_1kuq8ox5)}.vvjlfg7,.vvjlfg8:active{border-radius:var(--_1kuq8ox3)}.vvjlfg9:active{border-radius:var(--_1kuq8ox5)}.vvjlfga{padding-inline:var(--gvxmrc3)}.vvjlfgb{padding-inline:var(--gvxmrc4)}.vvjlfgc{padding-inline:var(--gvxmrc6)}.vvjlfgd{background-color:var(--yd-color-bg-surface);color:var(--yd-color-text-primary);border-color:var(--yd-color-border-default)}.vvjlfgd:hover{background-color:var(--yd-color-bg-surface-hover);border-color:var(--yd-color-border-strong)}.vvjlfgd:active{background-color:var(--yd-color-bg-surface-active)}.vvjlfge{background-color:var(--yd-color-primary);color:var(--yd-color-on-primary);border-color:var(--yd-color-primary)}.vvjlfge:hover{background-color:var(--yd-color-primary-hover);border-color:var(--yd-color-primary-hover);box-shadow:var(--bmiysz2)}.vvjlfge:active{background-color:var(--yd-color-primary-active)}.vvjlfgf{background-color:transparent;color:var(--yd-color-text-secondary);border-color:transparent}.vvjlfgf:hover{background-color:var(--yd-color-bg-surface-hover);color:var(--yd-color-text-primary)}.vvjlfgf:active{background-color:var(--yd-color-bg-surface-active)}.vvjlfgg{background-color:transparent;color:var(--yd-color-primary);border-color:transparent;padding-inline:0;height:auto;border-radius:0}.vvjlfgg:hover{color:var(--yd-color-primary-hover);text-decoration:underline}.vvjlfgh{background-color:var(--yd-color-bg-surface-raised);color:var(--yd-color-primary);border-color:transparent;box-shadow:var(--bmiysz2)}.vvjlfgh:hover{background-color:var(--yd-color-bg-surface-hover);box-shadow:var(--bmiysz3)}.vvjlfgh:active{background-color:var(--yd-color-bg-surface-active);box-shadow:var(--bmiysz2)}.vvjlfgi{background-color:var(--yd-color-primary);color:var(--yd-color-text-on-primary);border-color:transparent}.vvjlfgi:hover{background-color:var(--yd-color-primary-hover);box-shadow:var(--bmiysz1)}.vvjlfgi:active{background-color:var(--yd-color-primary-active)}.vvjlfgj{background-color:var(--yd-color-primary-container);color:var(--yd-color-on-primary-container);border-color:transparent}.vvjlfgj:hover{background-color:var(--yd-color-primary-hover);color:var(--yd-color-on-primary);box-shadow:var(--bmiysz1)}.vvjlfgj:active{background-color:var(--yd-color-primary-active)}.vvjlfgk{background-color:transparent;color:var(--yd-color-primary);border-color:var(--yd-color-border-default)}.vvjlfgk:hover{background-color:var(--yd-color-bg-surface-hover);border-color:var(--yd-color-primary)}.vvjlfgk:active{background-color:var(--yd-color-bg-surface-active);border-color:var(--yd-color-primary)}.vvjlfgl{background-color:transparent;color:var(--yd-color-primary);border-color:transparent}.vvjlfgl:hover{background-color:var(--yd-color-bg-surface-hover)}.vvjlfgl:active{background-color:var(--yd-color-bg-surface-active)}.vvjlfgm{background-color:var(--yd-color-secondary);color:var(--yd-color-on-secondary);border-color:var(--yd-color-secondary)}.vvjlfgm:hover{background-color:var(--yd-color-secondary-hover);border-color:var(--yd-color-secondary-hover);box-shadow:var(--bmiysz2)}.vvjlfgm:active{background-color:var(--yd-color-secondary-active)}.vvjlfgn{background-color:var(--yd-color-tertiary);color:var(--yd-color-on-tertiary);border-color:var(--yd-color-tertiary)}.vvjlfgn:hover{background-color:var(--yd-color-tertiary-hover);border-color:var(--yd-color-tertiary-hover);box-shadow:var(--bmiysz2)}.vvjlfgn:active{background-color:var(--yd-color-tertiary-active)}.vvjlfgo{background-color:var(--yd-color-danger);border-color:var(--yd-color-danger);color:var(--yd-color-text-on-primary)}.vvjlfgo:hover{background-color:var(--yd-color-danger-hover);border-color:var(--yd-color-danger-hover);box-shadow:var(--bmiysz2)}.vvjlfgo:active{background-color:var(--yd-color-danger-active)}.vvjlfgp{display:flex;width:100%}.vvjlfgq{background-color:var(--yd-color-primary-subtle);color:var(--yd-color-text-primary);border-color:var(--yd-color-border-default);cursor:not-allowed;pointer-events:none}.xwmau40{font-family:var(--_1n6x16v0);margin:0}.xwmau41{font-size:var(--_1n6x16v8);font-weight:var(--_1n6x16vg);line-height:var(--_1n6x16vh)}.xwmau42{font-size:var(--_1n6x16v7);font-weight:var(--_1n6x16vg);line-height:var(--_1n6x16vh)}.xwmau43{font-size:var(--_1n6x16v6);font-weight:var(--_1n6x16vg);line-height:var(--_1n6x16vi)}.xwmau44{font-size:var(--_1n6x16v5);font-weight:var(--_1n6x16vg);line-height:var(--_1n6x16vi)}.xwmau45{font-size:var(--_1n6x16v4);font-weight:var(--_1n6x16vg);line-height:var(--_1n6x16vi)}.xwmau46{font-size:var(--_1n6x16v3);font-weight:var(--_1n6x16vg);line-height:var(--_1n6x16vi)}.xwmau47{font-size:var(--_1n6x16v5);line-height:var(--_1n6x16vi)}.xwmau48{font-size:var(--_1n6x16v4);line-height:var(--_1n6x16vi);color:var(--yd-color-text-secondary)}.xwmau49{font-size:var(--_1n6x16v4);line-height:var(--_1n6x16vi);color:var(--yd-color-danger)}.xwmau4a{font-size:var(--_1n6x16v4);font-weight:var(--_1n6x16ve);line-height:var(--_1n6x16vh);margin-bottom:var(--gvxmrc0);display:block;color:var(--yd-color-text-primary)}.xwmau4b{font-weight:var(--_1n6x16vd)}.xwmau4c{font-weight:var(--_1n6x16ve)}.xwmau4d{font-weight:var(--_1n6x16vg)}.czs3br0{border:1px solid;border-radius:var(--_1kuq8ox2);outline:none;transition:all .2s ease-in-out;width:100%;font-family:var(--_1n6x16v0)}.czs3br0:disabled{cursor:not-allowed;opacity:.6}.czs3br1{border-color:var(--yd-color-border-default);background-color:var(--yd-color-bg-surface);color:var(--yd-color-text-primary)}.czs3br1:focus{border-color:var(--yd-color-primary);box-shadow:0 0 0 2px var(--yd-color-primary-subtle)}.czs3br2{border-color:transparent;background-color:var(--yd-color-bg-subtle);color:var(--yd-color-text-primary)}.czs3br2:focus{background-color:var(--yd-color-bg-surface);box-shadow:0 0 0 2px var(--yd-color-primary-subtle)}.czs3br3{height:28px;padding-inline:var(--gvxmrc1);font-size:var(--_1n6x16v3)}.czs3br4{height:32px;padding-inline:var(--gvxmrc2);font-size:var(--_1n6x16v4)}.czs3br5{height:40px;padding-inline:var(--gvxmrc3);font-size:var(--_1n6x16v4)}.czs3br6{height:48px;padding-inline:var(--gvxmrc3);font-size:var(--_1n6x16v5)}.czs3br7{height:56px;padding-inline:var(--gvxmrc4);font-size:var(--_1n6x16v5)}.czs3br8{border-color:var(--yd-color-danger)}.czs3br8:focus{border-color:var(--yd-color-danger);box-shadow:0 0 0 2px var(--yd-color-danger-subtle)}.i1r0p60{box-sizing:border-box}.i1r0p61{padding:var(--gvxmrc0)}.i1r0p62{padding:var(--gvxmrc1)}.i1r0p63{padding:var(--gvxmrc2)}.i1r0p64{padding:var(--gvxmrc3)}.i1r0p65{padding:var(--gvxmrc4)}.i1r0p66{padding:var(--gvxmrc5)}.i1r0p67{padding:var(--gvxmrc6)}.i1r0p68{padding:var(--gvxmrc7)}.i1r0p69{padding:var(--gvxmrc8)}.i1r0p6a{padding:var(--gvxmrc9)}.i1r0p6b{padding-left:var(--gvxmrc0);padding-right:var(--gvxmrc0)}.i1r0p6c{padding-left:var(--gvxmrc1);padding-right:var(--gvxmrc1)}.i1r0p6d{padding-left:var(--gvxmrc2);padding-right:var(--gvxmrc2)}.i1r0p6e{padding-left:var(--gvxmrc3);padding-right:var(--gvxmrc3)}.i1r0p6f{padding-left:var(--gvxmrc4);padding-right:var(--gvxmrc4)}.i1r0p6g{padding-left:var(--gvxmrc5);padding-right:var(--gvxmrc5)}.i1r0p6h{padding-left:var(--gvxmrc6);padding-right:var(--gvxmrc6)}.i1r0p6i{padding-left:var(--gvxmrc7);padding-right:var(--gvxmrc7)}.i1r0p6j{padding-left:var(--gvxmrc8);padding-right:var(--gvxmrc8)}.i1r0p6k{padding-left:var(--gvxmrc9);padding-right:var(--gvxmrc9)}.i1r0p6l{padding-top:var(--gvxmrc0);padding-bottom:var(--gvxmrc0)}.i1r0p6m{padding-top:var(--gvxmrc1);padding-bottom:var(--gvxmrc1)}.i1r0p6n{padding-top:var(--gvxmrc2);padding-bottom:var(--gvxmrc2)}.i1r0p6o{padding-top:var(--gvxmrc3);padding-bottom:var(--gvxmrc3)}.i1r0p6p{padding-top:var(--gvxmrc4);padding-bottom:var(--gvxmrc4)}.i1r0p6q{padding-top:var(--gvxmrc5);padding-bottom:var(--gvxmrc5)}.i1r0p6r{padding-top:var(--gvxmrc6);padding-bottom:var(--gvxmrc6)}.i1r0p6s{padding-top:var(--gvxmrc7);padding-bottom:var(--gvxmrc7)}.i1r0p6t{padding-top:var(--gvxmrc8);padding-bottom:var(--gvxmrc8)}.i1r0p6u{padding-top:var(--gvxmrc9);padding-bottom:var(--gvxmrc9)}.i1r0p6v{padding-top:var(--gvxmrc0)}.i1r0p6w{padding-top:var(--gvxmrc1)}.i1r0p6x{padding-top:var(--gvxmrc2)}.i1r0p6y{padding-top:var(--gvxmrc3)}.i1r0p6z{padding-top:var(--gvxmrc4)}.i1r0p610{padding-top:var(--gvxmrc5)}.i1r0p611{padding-top:var(--gvxmrc6)}.i1r0p612{padding-top:var(--gvxmrc7)}.i1r0p613{padding-top:var(--gvxmrc8)}.i1r0p614{padding-top:var(--gvxmrc9)}.i1r0p615{padding-right:var(--gvxmrc0)}.i1r0p616{padding-right:var(--gvxmrc1)}.i1r0p617{padding-right:var(--gvxmrc2)}.i1r0p618{padding-right:var(--gvxmrc3)}.i1r0p619{padding-right:var(--gvxmrc4)}.i1r0p61a{padding-right:var(--gvxmrc5)}.i1r0p61b{padding-right:var(--gvxmrc6)}.i1r0p61c{padding-right:var(--gvxmrc7)}.i1r0p61d{padding-right:var(--gvxmrc8)}.i1r0p61e{padding-right:var(--gvxmrc9)}.i1r0p61f{padding-bottom:var(--gvxmrc0)}.i1r0p61g{padding-bottom:var(--gvxmrc1)}.i1r0p61h{padding-bottom:var(--gvxmrc2)}.i1r0p61i{padding-bottom:var(--gvxmrc3)}.i1r0p61j{padding-bottom:var(--gvxmrc4)}.i1r0p61k{padding-bottom:var(--gvxmrc5)}.i1r0p61l{padding-bottom:var(--gvxmrc6)}.i1r0p61m{padding-bottom:var(--gvxmrc7)}.i1r0p61n{padding-bottom:var(--gvxmrc8)}.i1r0p61o{padding-bottom:var(--gvxmrc9)}.i1r0p61p{padding-left:var(--gvxmrc0)}.i1r0p61q{padding-left:var(--gvxmrc1)}.i1r0p61r{padding-left:var(--gvxmrc2)}.i1r0p61s{padding-left:var(--gvxmrc3)}.i1r0p61t{padding-left:var(--gvxmrc4)}.i1r0p61u{padding-left:var(--gvxmrc5)}.i1r0p61v{padding-left:var(--gvxmrc6)}.i1r0p61w{padding-left:var(--gvxmrc7)}.i1r0p61x{padding-left:var(--gvxmrc8)}.i1r0p61y{padding-left:var(--gvxmrc9)}.i1r0p61z{margin:var(--gvxmrc0)}.i1r0p620{margin:var(--gvxmrc1)}.i1r0p621{margin:var(--gvxmrc2)}.i1r0p622{margin:var(--gvxmrc3)}.i1r0p623{margin:var(--gvxmrc4)}.i1r0p624{margin:var(--gvxmrc5)}.i1r0p625{margin:var(--gvxmrc6)}.i1r0p626{margin:var(--gvxmrc7)}.i1r0p627{margin:var(--gvxmrc8)}.i1r0p628{margin:var(--gvxmrc9)}.i1r0p629{margin-left:var(--gvxmrc0);margin-right:var(--gvxmrc0)}.i1r0p62a{margin-left:var(--gvxmrc1);margin-right:var(--gvxmrc1)}.i1r0p62b{margin-left:var(--gvxmrc2);margin-right:var(--gvxmrc2)}.i1r0p62c{margin-left:var(--gvxmrc3);margin-right:var(--gvxmrc3)}.i1r0p62d{margin-left:var(--gvxmrc4);margin-right:var(--gvxmrc4)}.i1r0p62e{margin-left:var(--gvxmrc5);margin-right:var(--gvxmrc5)}.i1r0p62f{margin-left:var(--gvxmrc6);margin-right:var(--gvxmrc6)}.i1r0p62g{margin-left:var(--gvxmrc7);margin-right:var(--gvxmrc7)}.i1r0p62h{margin-left:var(--gvxmrc8);margin-right:var(--gvxmrc8)}.i1r0p62i{margin-left:var(--gvxmrc9);margin-right:var(--gvxmrc9)}.i1r0p62j{margin-top:var(--gvxmrc0);margin-bottom:var(--gvxmrc0)}.i1r0p62k{margin-top:var(--gvxmrc1);margin-bottom:var(--gvxmrc1)}.i1r0p62l{margin-top:var(--gvxmrc2);margin-bottom:var(--gvxmrc2)}.i1r0p62m{margin-top:var(--gvxmrc3);margin-bottom:var(--gvxmrc3)}.i1r0p62n{margin-top:var(--gvxmrc4);margin-bottom:var(--gvxmrc4)}.i1r0p62o{margin-top:var(--gvxmrc5);margin-bottom:var(--gvxmrc5)}.i1r0p62p{margin-top:var(--gvxmrc6);margin-bottom:var(--gvxmrc6)}.i1r0p62q{margin-top:var(--gvxmrc7);margin-bottom:var(--gvxmrc7)}.i1r0p62r{margin-top:var(--gvxmrc8);margin-bottom:var(--gvxmrc8)}.i1r0p62s{margin-top:var(--gvxmrc9);margin-bottom:var(--gvxmrc9)}.i1r0p62t{margin-top:var(--gvxmrc0)}.i1r0p62u{margin-top:var(--gvxmrc1)}.i1r0p62v{margin-top:var(--gvxmrc2)}.i1r0p62w{margin-top:var(--gvxmrc3)}.i1r0p62x{margin-top:var(--gvxmrc4)}.i1r0p62y{margin-top:var(--gvxmrc5)}.i1r0p62z{margin-top:var(--gvxmrc6)}.i1r0p630{margin-top:var(--gvxmrc7)}.i1r0p631{margin-top:var(--gvxmrc8)}.i1r0p632{margin-top:var(--gvxmrc9)}.i1r0p633{margin-right:var(--gvxmrc0)}.i1r0p634{margin-right:var(--gvxmrc1)}.i1r0p635{margin-right:var(--gvxmrc2)}.i1r0p636{margin-right:var(--gvxmrc3)}.i1r0p637{margin-right:var(--gvxmrc4)}.i1r0p638{margin-right:var(--gvxmrc5)}.i1r0p639{margin-right:var(--gvxmrc6)}.i1r0p63a{margin-right:var(--gvxmrc7)}.i1r0p63b{margin-right:var(--gvxmrc8)}.i1r0p63c{margin-right:var(--gvxmrc9)}.i1r0p63d{margin-bottom:var(--gvxmrc0)}.i1r0p63e{margin-bottom:var(--gvxmrc1)}.i1r0p63f{margin-bottom:var(--gvxmrc2)}.i1r0p63g{margin-bottom:var(--gvxmrc3)}.i1r0p63h{margin-bottom:var(--gvxmrc4)}.i1r0p63i{margin-bottom:var(--gvxmrc5)}.i1r0p63j{margin-bottom:var(--gvxmrc6)}.i1r0p63k{margin-bottom:var(--gvxmrc7)}.i1r0p63l{margin-bottom:var(--gvxmrc8)}.i1r0p63m{margin-bottom:var(--gvxmrc9)}.i1r0p63n{margin-left:var(--gvxmrc0)}.i1r0p63o{margin-left:var(--gvxmrc1)}.i1r0p63p{margin-left:var(--gvxmrc2)}.i1r0p63q{margin-left:var(--gvxmrc3)}.i1r0p63r{margin-left:var(--gvxmrc4)}.i1r0p63s{margin-left:var(--gvxmrc5)}.i1r0p63t{margin-left:var(--gvxmrc6)}.i1r0p63u{margin-left:var(--gvxmrc7)}.i1r0p63v{margin-left:var(--gvxmrc8)}.i1r0p63w{margin-left:var(--gvxmrc9)}.i1r0p63x{display:block}.i1r0p63y{display:flex}.i1r0p63z{display:grid}.i1r0p640{display:inline}.i1r0p641{display:inline-block}.i1r0p642{display:inline-flex}.i1r0p643{display:inline-grid}.i1r0p644{display:none}.i1r0p645{position:static}.i1r0p646{position:relative}.i1r0p647{position:absolute}.i1r0p648{position:fixed}.i1r0p649{position:sticky}.i1r0p64a{overflow:visible}.i1r0p64b{overflow:hidden}.i1r0p64c{overflow:scroll}.i1r0p64d{overflow:auto}._11sjf7u0{display:flex}._11sjf7u1{flex-direction:row}._11sjf7u2{flex-direction:column}._11sjf7u3{flex-direction:row-reverse}._11sjf7u4{flex-direction:column-reverse}._11sjf7u5{align-items:flex-start}._11sjf7u6{align-items:center}._11sjf7u7{align-items:flex-end}._11sjf7u8{align-items:baseline}._11sjf7u9{align-items:stretch}._11sjf7ua{justify-content:flex-start}._11sjf7ub{justify-content:center}._11sjf7uc{justify-content:flex-end}._11sjf7ud{justify-content:space-between}._11sjf7ue{justify-content:space-around}._11sjf7uf{justify-content:space-evenly}._11sjf7ug{flex-wrap:nowrap}._11sjf7uh{flex-wrap:wrap}._11sjf7ui{flex-wrap:wrap-reverse}._11sjf7uj{gap:var(--gvxmrc0)}._11sjf7uk{gap:var(--gvxmrc1)}._11sjf7ul{gap:var(--gvxmrc2)}._11sjf7um{gap:var(--gvxmrc3)}._11sjf7un{gap:var(--gvxmrc4)}._11sjf7uo{gap:var(--gvxmrc5)}._11sjf7up{gap:var(--gvxmrc6)}._11sjf7uq{gap:var(--gvxmrc7)}._11sjf7ur{gap:var(--gvxmrc8)}._11sjf7us{gap:var(--gvxmrc9)}._1cg9azy0{display:grid}._1cg9azy1{grid-template-columns:repeat(1,minmax(0,1fr))}._1cg9azy2{grid-template-columns:repeat(2,minmax(0,1fr))}._1cg9azy3{grid-template-columns:repeat(3,minmax(0,1fr))}._1cg9azy4{grid-template-columns:repeat(4,minmax(0,1fr))}._1cg9azy5{grid-template-columns:repeat(5,minmax(0,1fr))}._1cg9azy6{grid-template-columns:repeat(6,minmax(0,1fr))}._1cg9azy7{grid-template-columns:repeat(12,minmax(0,1fr))}._1cg9azy8{gap:var(--gvxmrc0)}._1cg9azy9{gap:var(--gvxmrc1)}._1cg9azya{gap:var(--gvxmrc2)}._1cg9azyb{gap:var(--gvxmrc3)}._1cg9azyc{gap:var(--gvxmrc4)}._1cg9azyd{gap:var(--gvxmrc5)}._1cg9azye{gap:var(--gvxmrc6)}._1cg9azyf{gap:var(--gvxmrc7)}._1cg9azyg{gap:var(--gvxmrc8)}._1cg9azyh{gap:var(--gvxmrc9)}._1cg9azyi{column-gap:var(--gvxmrc0)}._1cg9azyj{column-gap:var(--gvxmrc1)}._1cg9azyk{column-gap:var(--gvxmrc2)}._1cg9azyl{column-gap:var(--gvxmrc3)}._1cg9azym{column-gap:var(--gvxmrc4)}._1cg9azyn{column-gap:var(--gvxmrc5)}._1cg9azyo{column-gap:var(--gvxmrc6)}._1cg9azyp{column-gap:var(--gvxmrc7)}._1cg9azyq{column-gap:var(--gvxmrc8)}._1cg9azyr{column-gap:var(--gvxmrc9)}._1cg9azys{row-gap:var(--gvxmrc0)}._1cg9azyt{row-gap:var(--gvxmrc1)}._1cg9azyu{row-gap:var(--gvxmrc2)}._1cg9azyv{row-gap:var(--gvxmrc3)}._1cg9azyw{row-gap:var(--gvxmrc4)}._1cg9azyx{row-gap:var(--gvxmrc5)}._1cg9azyy{row-gap:var(--gvxmrc6)}._1cg9azyz{row-gap:var(--gvxmrc7)}._1cg9azy10{row-gap:var(--gvxmrc8)}._1cg9azy11{row-gap:var(--gvxmrc9)}._1cg9azy12{align-items:start}._1cg9azy13{align-items:center}._1cg9azy14{align-items:end}._1cg9azy15{align-items:stretch}._1cg9azy16{justify-items:start}._1cg9azy17{justify-items:center}._1cg9azy18{justify-items:end}._1cg9azy19{justify-items:stretch}.oflweu0{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--gvxmrc4);padding-right:var(--gvxmrc4)}.oflweu1{max-width:640px}.oflweu2{max-width:768px}.oflweu3{max-width:1024px}.oflweu4{max-width:1280px}.oflweu5{max-width:100%}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@yuva-devlab/ui",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css.ts",
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/ui.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@vanilla-extract/css": "^1.17.4",
+    "clsx": "^2.1.1",
+    "@yuva-devlab/colors": "0.1.0",
+    "@yuva-devlab/primitives": "0.1.0",
+    "@yuva-devlab/tokens": "0.1.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.6",
+    "@vanilla-extract/vite-plugin": "^5.1.1",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/expect": "^4.0.13",
+    "jsdom": "^27.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.13",
+    "@yuva-devlab/eslint-config": "0.1.0",
+    "@yuva-devlab/prettier-config": "0.1.0",
+    "@yuva-devlab/typescript-config": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "storybook": "pnpm --filter @yuva-devlab/docs storybook",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "type-check": "tsc --noEmit",
+    "clean:build": "rm -rf dist",
+    "clean:node_modules": "rm -rf node_modules",
+    "clean:turbo": "rm -rf .turbo",
+    "clean": "pnpm run clean:build && pnpm run clean:node_modules && pnpm run clean:turbo"
+  }
+}