@pravalabs/ui 0.0.0-stage → 1.0.0-rc.1

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';

package/dist/container.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/container.css';
+import { C as a } from "./Container-DO8bd1tv.js";
+export {
+  a as Container
+};

package/dist/dialog.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/dialog.css';
+import { D as l, a as s } from "./Dialog-D3-sT_1Z.js";
+export {
+  l as Dialog,
+  s as DialogClose
+};

package/dist/drawer.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/drawer.css';
+import { D as e, a as o } from "./Drawer-BRzJmvQx.js";
+export {
+  e as Drawer,
+  o as DrawerClose
+};

package/dist/dropdown-menu.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/floating.css';
+import './styles/components/dropdown-menu.css';
+import { D as e } from "./DropdownMenu-CFa2vgXi.js";
+export {
+  e as DropdownMenu
+};

package/dist/field-U1YinldE.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsxs as h, Fragment as F, jsx as d } from "react/jsx-runtime";
+import { useContext as O, useId as P, useState as S, useRef as E, forwardRef as k, createContext as T } from "react";
+import { u as L } from "./PravaProvider-0znpKV4G.js";
+const U = T(!1), y = (e) => e != null && e !== !1 && e !== !0 && e !== "", N = (e, r) => {
+  typeof e == "function" ? e(r) : e && (e.current = r);
+};
+function q({ field: e, ...r }, n, t = "value") {
+  if (!e) return { ...r, ref: n };
+  const { ref: i, onChange: a, onBlur: l, value: c, ...u } = e;
+  return {
+    ...u,
+    // register() has no value key and leaves the control uncontrolled; Controller's value drives it.
+    ..."value" in e && {
+      [t]: t === "checked" ? !!c : c
+    },
+    ...r,
+    onChange: (s) => {
+      r.onChange?.(s), a?.(s);
+    },
+    onBlur: (s) => {
+      r.onBlur?.(s), l?.(s);
+    },
+    ref: (s) => {
+      N(i, s), N(n, s);
+    }
+  };
+}
+const $ = (e, r, n) => e.replace(/\{(\w+)\}/g, (t, i) => {
+  const a = r[i];
+  return typeof a == "number" ? new Intl.NumberFormat(n).format(a) : String(a);
+}), x = /* @__PURE__ */ new WeakSet();
+function z(e, r, n) {
+  if (x.has(e)) return;
+  x.add(e);
+  let t = e, i;
+  for (; t && !i; )
+    i = Object.getOwnPropertyDescriptor(t, r), t = Object.getPrototypeOf(t);
+  const { get: a, set: l } = i ?? {};
+  !a || !l || Object.defineProperty(e, r, {
+    configurable: !0,
+    get() {
+      return a.call(this);
+    },
+    set(c) {
+      l.call(this, c), n();
+    }
+  });
+}
+function D(e, r, n) {
+  const t = e.validity;
+  if (t.valid) return;
+  const i = (a) => $(
+    a,
+    new Proxy(
+      {},
+      {
+        get: (l, c) => {
+          const u = String(
+            e[c]
+          );
+          return u !== "" && Number.isFinite(Number(u)) ? Number(u) : u;
+        }
+      }
+    ),
+    n
+  );
+  return t.valueMissing ? e.tagName === "SELECT" || e.type === "checkbox" || e.type === "radio" ? r.valueMissingChoice : r.valueMissing : t.typeMismatch ? e.type === "url" ? r.typeMismatchUrl : r.typeMismatchEmail : t.badInput ? r.badInput : t.patternMismatch ? e.title || r.patternMismatch : t.tooShort ? i(r.tooShort) : t.tooLong ? i(r.tooLong) : t.rangeUnderflow ? i(r.rangeUnderflow) : t.rangeOverflow ? i(r.rangeOverflow) : t.stepMismatch ? r.stepMismatch : e.validationMessage;
+}
+function G({
+  id: e,
+  description: r,
+  error: n,
+  invalid: t,
+  onBlur: i,
+  onChange: a,
+  onInvalid: l,
+  ...c
+}) {
+  const u = O(U), { messages: s, locale: C } = L(), B = P(), [m, I] = S(), M = E(!1), v = e ?? B, _ = y(n) ? n : m, g = y(r) ? `${v}-description` : void 0, p = y(_) ? `${v}-error` : void 0, j = t || n === !0 || !!p || c["aria-invalid"] === !0 || c["aria-invalid"] === "true", b = (o, f = !1) => {
+    u || !f && o.form?.noValidate || I(D(o, s, C));
+  };
+  return {
+    id: v,
+    controlProps: {
+      id: v,
+      "aria-invalid": j || void 0,
+      "aria-describedby": [c["aria-describedby"], g, p].filter(Boolean).join(" ") || void 0,
+      onBlur: (o) => {
+        i?.(o), (M.current || m) && b(o.currentTarget);
+      },
+      onChange: (o) => {
+        a?.(o), M.current = !0, m && b(o.currentTarget);
+      },
+      onInvalid: (o) => {
+        if (l?.(o), o.defaultPrevented || u) return;
+        o.preventDefault();
+        const f = o.currentTarget;
+        b(f, !0), Array.from(f.form?.elements ?? []).find(
+          (w) => w.willValidate && !w.validity.valid
+        ) === f && f.focus();
+      }
+    },
+    messages: /* @__PURE__ */ h(F, { children: [
+      g && /* @__PURE__ */ d("div", { id: g, className: "prava-field__description", children: r }),
+      p && /* @__PURE__ */ h("div", { id: p, className: "prava-field__error", children: [
+        /* @__PURE__ */ h("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+          /* @__PURE__ */ d("circle", { cx: "8", cy: "8", r: "6.5" }),
+          /* @__PURE__ */ d("path", { d: "M8 4.75v3.5M8 11h.01" })
+        ] }),
+        /* @__PURE__ */ d("span", { children: _ })
+      ] })
+    ] })
+  };
+}
+const H = k(function({ kind: r, label: n, className: t, style: i, ...a }, l) {
+  return /* @__PURE__ */ h(
+    "label",
+    {
+      className: ["prava-choice", `prava-${r}`, t].filter(Boolean).join(" "),
+      style: i,
+      children: [
+        /* @__PURE__ */ h("span", { className: "prava-choice__control", children: [
+          /* @__PURE__ */ d(
+            "input",
+            {
+              ...a,
+              ref: l,
+              type: r === "radio" ? "radio" : "checkbox",
+              role: r === "switch" ? "switch" : void 0,
+              className: "prava-choice__input"
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: "prava-choice__indicator", "aria-hidden": "true", children: r === "checkbox" && /* @__PURE__ */ h("svg", { viewBox: "0 0 16 16", children: [
+            /* @__PURE__ */ d("path", { className: "prava-choice__check", d: "M3.5 8.5l3 3 6-7" }),
+            /* @__PURE__ */ d("path", { className: "prava-choice__dash", d: "M4 8h8" })
+          ] }) })
+        ] }),
+        n != null && /* @__PURE__ */ d("span", { className: "prava-choice__label", children: n })
+      ]
+    }
+  );
+});
+export {
+  H as C,
+  U as F,
+  q as b,
+  $ as f,
+  z as o,
+  N as s,
+  G as u
+};

package/dist/form-field.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/field.css';
+import './styles/components/form-field.css';
+import { F } from "./FormField-CoC946w9.js";
+export {
+  F as FormField
+};

package/dist/grid.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/grid.css';
+import { G } from "./Grid-vTrChm2w.js";
+export {
+  G as Grid
+};

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+export { Button } from './components/button';
+export type { ButtonProps } from './components/button';
+export { Badge } from './components/badge';
+export type { BadgeProps } from './components/badge';
+export { Avatar } from './components/avatar';
+export type { AvatarProps } from './components/avatar';
+export { Spinner } from './components/spinner';
+export type { SpinnerProps } from './components/spinner';
+export { Input } from './components/input';
+export type { InputProps } from './components/input';
+export { Card, CardContent, CardFooter, CardHeader } from './components/card';
+export type { CardContentProps, CardFooterProps, CardHeaderProps, CardProps, } from './components/card';
+export { Separator } from './components/separator';
+export type { SeparatorProps } from './components/separator';
+export { Skeleton } from './components/skeleton';
+export type { SkeletonProps } from './components/skeleton';
+export { Progress } from './components/progress';
+export type { ProgressProps } from './components/progress';
+export { Textarea } from './components/textarea';
+export type { TextareaProps } from './components/textarea';
+export { Label } from './components/label';
+export type { LabelProps } from './components/label';
+export { FormField } from './components/form-field';
+export type { FormFieldProps } from './components/form-field';
+export { PravaProvider } from './components/provider';
+export type { BuiltInMessages, PravaProviderProps, } from './components/provider';
+export { Checkbox } from './components/checkbox';
+export type { CheckboxProps } from './components/checkbox';
+export { Switch } from './components/switch';
+export type { SwitchProps } from './components/switch';
+export { RadioGroup } from './components/radio-group';
+export type { RadioGroupProps, RadioOption } from './components/radio-group';
+export { Select } from './components/select';
+export type { SelectOption, SelectOptionGroup, SelectProps, } from './components/select';
+export { Alert } from './components/alert';
+export type { AlertProps } from './components/alert';
+export { Container } from './components/container';
+export type { ContainerProps } from './components/container';
+export { Stack } from './components/stack';
+export type { StackProps } from './components/stack';
+export { Grid } from './components/grid';
+export type { GridProps } from './components/grid';
+export { Dialog, DialogClose } from './components/dialog';
+export type { DialogProps } from './components/dialog';
+export { Drawer, DrawerClose } from './components/drawer';
+export type { DrawerProps } from './components/drawer';
+export { Popover } from './components/popover';
+export type { PopoverProps } from './components/popover';
+export { Tooltip } from './components/tooltip';
+export type { TooltipProps } from './components/tooltip';
+export { DropdownMenu } from './components/dropdown-menu';
+export type { DropdownMenuAction, DropdownMenuGroup, DropdownMenuItem, DropdownMenuProps, DropdownMenuSeparator, } from './components/dropdown-menu';
+export { Tab, TabList, TabPanel, Tabs } from './components/tabs';
+export type { TabListProps, TabPanelProps, TabProps, TabsProps, } from './components/tabs';
+export { Accordion, AccordionItem } from './components/accordion';
+export type { AccordionItemProps, AccordionProps, } from './components/accordion';
+export { dismissToast, toast, Toaster } from './components/toast';
+export type { ToasterProps, ToastOptions } from './components/toast';
+export type { FieldBinding, FieldProps } from './components/field/field';

package/dist/index.js

@@ -0,0 +1,29 @@
+export * from './button.js';
+export * from './badge.js';
+export * from './avatar.js';
+export * from './spinner.js';
+export * from './input.js';
+export * from './card.js';
+export * from './separator.js';
+export * from './skeleton.js';
+export * from './progress.js';
+export * from './textarea.js';
+export * from './label.js';
+export * from './form-field.js';
+export * from './checkbox.js';
+export * from './switch.js';
+export * from './radio-group.js';
+export * from './select.js';
+export * from './alert.js';
+export * from './container.js';
+export * from './stack.js';
+export * from './grid.js';
+export * from './dialog.js';
+export * from './drawer.js';
+export * from './popover.js';
+export * from './tooltip.js';
+export * from './dropdown-menu.js';
+export * from './tabs.js';
+export * from './accordion.js';
+export * from './toast.js';
+export * from './provider.js';

package/dist/input.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/field.css';
+import './styles/components/input.css';
+import { I as r } from "./Input-B97l8Dj0.js";
+export {
+  r as Input
+};

package/dist/internal/overlay.d.ts

@@ -0,0 +1,39 @@
+import { ReactElement, RefObject } from 'react';
+type Props = Record<string, unknown>;
+/** Merges handlers so the consumer's runs first and `preventDefault` opts out of Prava's. */
+export declare function mergeHandlers(own: object, extra: Props): {
+    [x: string]: unknown;
+};
+/** Adds ARIA and handlers to a consumer's trigger element without a wrapper or a ref. */
+export declare const cloneTrigger: (trigger: ReactElement, extra: Props) => ReactElement<Props, string | import('react').JSXElementConstructor<any>>;
+/**
+ * Stays true after `open` turns false until the element's exit transition ends, so content
+ * can unmount without cutting the animation short. No transition (reduced motion) ends at once.
+ */
+export declare function usePresence(open: boolean, ref: RefObject<HTMLElement | null>): boolean;
+/** Stops the page scrolling behind a modal without shifting layout; nested modals share one lock. */
+export declare function lockScroll(): () => void;
+export type FloatingPlacement = "top" | "bottom" | "start" | "end";
+export type FloatingAlign = "start" | "center" | "end";
+export type FloatingOptions = {
+    /** Space between anchor and popup. */
+    gap?: number;
+    /** Space kept from the viewport edges. */
+    margin?: number;
+    /** Full height of a popup whose inner scroller hides it from `scrollHeight`. */
+    contentHeight?: number;
+    /** Opens beside the anchor when neither above nor below can show this many pixels. */
+    minBlockRoom?: number;
+    /** Keeps `placement` whenever it leaves usable room, instead of moving to a roomier side. */
+    strict?: boolean;
+};
+/** Positions `popup` beside `anchor`, flipping to the roomier side and staying on screen. */
+export declare function placeFloating(anchor: Element, popup: HTMLElement, placement: FloatingPlacement, align: FloatingAlign, { gap, margin, contentHeight, minBlockRoom, strict, }?: FloatingOptions): void;
+/**
+ * Shows `popup` in the top layer while open and keeps it attached to the first element in `root`.
+ * The top layer is what lets it escape a Card, a scroll container, or a modal Dialog.
+ */
+export declare function useFloating(open: boolean, root: RefObject<HTMLElement | null>, popup: RefObject<HTMLElement | null>, placement: FloatingPlacement, align: FloatingAlign): void;
+/** Closes on a press outside `root`, which holds both the trigger and the popup. */
+export declare function useOutsidePress(open: boolean, root: RefObject<HTMLElement | null>, close: () => void): void;
+export {};

package/dist/internal/useControllable.d.ts

@@ -0,0 +1,2 @@
+/** Controlled when `value` is defined; otherwise keeps its own state starting at `defaultValue`. */
+export declare function useControllable<T>(value: T | undefined, defaultValue: T, onChange?: (next: T) => void): readonly [T, (next: T) => void];

package/dist/label.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/field.css';
+import './styles/components/label.css';
+import { L as o } from "./Label-DYOFzyEM.js";
+export {
+  o as Label
+};

package/dist/overlay-9zlvgpUZ.js

@@ -0,0 +1,121 @@
+"use client";
+import { useState as O, useEffect as M, cloneElement as $ } from "react";
+function C(t, e) {
+  const o = { ...e };
+  for (const n of Object.keys(e)) {
+    const s = t[n], i = e[n];
+    n.startsWith("on") && typeof s == "function" && (o[n] = (u) => {
+      s(u), u.defaultPrevented || i(u);
+    });
+  }
+  return o;
+}
+const B = (t, e) => $(
+  t,
+  C(t.props, e)
+);
+function R(t, e) {
+  const [o, n] = O(t);
+  return t && !o && n(!0), M(() => {
+    if (t || !o) return;
+    let s = !0;
+    return Promise.allSettled(
+      (e.current?.getAnimations?.() ?? []).map((i) => i.finished)
+    ).then(() => {
+      s && n(!1);
+    }), () => {
+      s = !1;
+    };
+  }, [t, o, e]), o;
+}
+let P = 0, W = () => {
+};
+function j() {
+  if (P++ === 0) {
+    const { style: t, clientWidth: e } = document.documentElement, { overflow: o, scrollbarGutter: n } = t;
+    window.innerWidth > e && (t.scrollbarGutter = "stable"), t.overflow = "hidden", W = () => {
+      t.overflow = o, t.scrollbarGutter = n;
+    };
+  }
+  return () => {
+    --P === 0 && W();
+  };
+}
+const E = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, k = (t, e, o) => Math.max(o, Math.min(t, e - o));
+function F(t, e, o, n, {
+  gap: s = 6,
+  margin: i = 8,
+  contentHeight: u,
+  minBlockRoom: h = 0,
+  strict: v = !1
+} = {}) {
+  const { style: f } = e;
+  f.left = f.top = "0px";
+  const c = t.getBoundingClientRect(), g = getComputedStyle(e), y = g.direction === "rtl", S = document.documentElement.clientWidth, x = window.innerHeight, m = parseFloat(g.width) || e.offsetWidth, a = u ?? e.scrollHeight, d = {
+    top: c.top - s - i,
+    bottom: x - c.bottom - s - i,
+    left: c.left - s - i,
+    right: S - c.right - s - i
+  }, p = y ? "right" : "left";
+  let r = o === "start" ? p : o === "end" ? E[p] : o;
+  const z = r === "left" || r === "right", H = d[r] >= (z ? m : Math.min(a, h));
+  if ((!v || !H) && (d[r] < (z ? m : a) && d[E[r]] > d[r] && (r = E[r]), (r === "left" || r === "right") && d[r] < m && (r = d.bottom >= d.top ? "bottom" : "top"), Math.max(d.top, d.bottom) < Math.min(a, h))) {
+    const l = [E[p], p].find(
+      (L) => d[L] >= m
+    );
+    l && (r = l);
+  }
+  let w, b;
+  if (r === "top" || r === "bottom") {
+    const l = Math.min(a, Math.max(d[r], 0));
+    f.maxBlockSize = l < a ? `${l}px` : "", b = r === "bottom" ? c.bottom + s : c.top - s - l, w = n === "center" ? c.left + (c.width - m) / 2 : (y ? n === "end" : n === "start") ? c.left : c.right - m, w = k(w, S - m, i);
+  } else {
+    const l = Math.min(a, x - i * 2);
+    f.maxBlockSize = l < a ? `${l}px` : "", w = r === "right" ? c.right + s : c.left - s - m, b = n === "center" ? c.top + (c.height - l) / 2 : n === "start" ? c.top : c.bottom - l, b = k(b, x - l, i);
+  }
+  e.dataset.side = r, f.left = `${w}px`, f.top = `${b}px`;
+}
+function A(t, e, o, n, s) {
+  M(() => {
+    const i = o.current, u = e.current?.firstElementChild;
+    if (!i || !u) return;
+    if (!t) {
+      i.matches?.(":popover-open") && i.hidePopover();
+      return;
+    }
+    i.showPopover?.();
+    const h = () => F(u, i, n, s);
+    h();
+    const v = (c) => {
+      i.contains(c.target) || h();
+    };
+    window.addEventListener("resize", h), window.addEventListener("scroll", v, !0);
+    const f = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(h);
+    return f?.observe(i), () => {
+      window.removeEventListener("resize", h), window.removeEventListener("scroll", v, !0), f?.disconnect();
+    };
+  }, [t, e, o, n, s]);
+}
+function T(t, e, o) {
+  M(() => {
+    if (!t) return;
+    const n = (s) => {
+      e.current?.contains(s.target) || o();
+    };
+    return document.addEventListener("pointerdown", n), () => document.removeEventListener("pointerdown", n);
+  }, [t, e, o]);
+}
+export {
+  A as a,
+  T as b,
+  B as c,
+  j as l,
+  C as m,
+  F as p,
+  R as u
+};

package/dist/popover.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/floating.css';
+import './styles/components/popover.css';
+import { P as e } from "./Popover-C9Vgtm3q.js";
+export {
+  e as Popover
+};

package/dist/progress.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/progress.css';
+import { P as s } from "./Progress-_Hz8dxM4.js";
+export {
+  s as Progress
+};

package/dist/provider.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/provider.css';
+import { P as o } from "./PravaProvider-0znpKV4G.js";
+export {
+  o as PravaProvider
+};

package/dist/radio-group.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/field.css';
+import './styles/components/radio-group.css';
+import { R as a } from "./RadioGroup-CvdV80Pg.js";
+export {
+  a as RadioGroup
+};

package/dist/select.js

@@ -0,0 +1,8 @@
+"use client";
+import './tokens.css';
+import './styles/components/field.css';
+import './styles/components/select.css';
+import { S as r } from "./Select-_urp2aA_.js";
+export {
+  r as Select
+};

package/dist/separator.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/separator.css';
+import { S as o } from "./Separator-MnFbL0eH.js";
+export {
+  o as Separator
+};

package/dist/skeleton.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/skeleton.css';
+import { S as r } from "./Skeleton-CyjiU8o1.js";
+export {
+  r as Skeleton
+};

package/dist/spinner.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/spinner.css';
+import { S as n } from "./Spinner-Da7h4BDn.js";
+export {
+  n as Spinner
+};

package/dist/stack.js

@@ -0,0 +1,7 @@
+"use client";
+import './tokens.css';
+import './styles/components/stack.css';
+import { S as r } from "./Stack-DNtmh6BN.js";
+export {
+  r as Stack
+};

package/dist/styles/components/accordion.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer prava.components{.prava-accordion{min-width:0;font-size:var(--prava-font-size-3);color:var(--prava-color-text);line-height:var(--prava-line-height-normal)}.prava-accordion__item{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--prava-color-border)}.prava-accordion__item:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.prava-accordion__heading{font:inherit;margin:0}.prava-accordion__trigger{box-sizing:border-box;min-height:calc(var(--spacing,.25rem) * 12);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 3);text-align:start;color:var(--prava-color-text);font:inherit;font-weight:var(--prava-font-weight-medium);outline:var(--prava-stroke) solid transparent;outline-offset:calc(var(--prava-stroke) * -1);border-radius:var(--prava-radius-sm);transition:background-color var(--prava-duration-fast) var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;background-color:#0000;border-width:0;display:flex}@media(hover:hover){.prava-accordion__trigger:not(:disabled):hover{background-color:var(--prava-color-surface-hover)}}.prava-accordion__trigger:focus-visible{outline-color:var(--prava-color-focus)}.prava-accordion__trigger:disabled{cursor:not-allowed;opacity:.5}.prava-accordion__title{overflow-wrap:anywhere;min-width:0}.prava-accordion__chevron{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);color:var(--prava-color-text-muted);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:rotate var(--prava-duration-normal) var(--prava-ease-standard);flex:none}.prava-accordion__item[data-open]>*>*>.prava-accordion__chevron{rotate:180deg}.prava-accordion__panel{visibility:hidden;transition:grid-template-rows var(--prava-duration-normal) var(--prava-ease-standard),visibility var(--prava-duration-normal) allow-discrete;grid-template-rows:0fr;display:grid}.prava-accordion__item[data-open]>.prava-accordion__panel{visibility:visible;grid-template-rows:1fr}.prava-accordion__clip{min-height:0;overflow:hidden}.prava-accordion__content{padding-inline:calc(var(--spacing,.25rem) * 2);padding-bottom:calc(var(--spacing,.25rem) * 4);color:var(--prava-color-text-muted)}@media(prefers-reduced-motion:reduce){.prava-accordion__trigger,.prava-accordion__chevron,.prava-accordion__panel{transition:none}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/dist/styles/components/alert.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}@layer prava.components{.prava-alert{box-sizing:border-box;align-items:flex-start;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-control);min-width:0;max-width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-3);line-height:var(--prava-line-height-normal);animation:prava-alert-in var(--prava-duration-normal) var(--prava-ease-standard);flex-wrap:wrap;display:flex;position:relative}@keyframes prava-alert-in{0%{opacity:0}}.prava-alert[data-tone=neutral]{background-color:var(--prava-color-surface-sunken);color:var(--prava-color-text)}.prava-alert[data-tone=info]{background-color:var(--prava-color-info);color:var(--prava-color-on-info)}.prava-alert[data-tone=success]{background-color:var(--prava-color-success);color:var(--prava-color-on-success)}.prava-alert[data-tone=warning]{background-color:var(--prava-color-warning);color:var(--prava-color-on-warning)}.prava-alert[data-tone=danger]{background-color:var(--prava-color-danger-container);color:var(--prava-color-on-danger-container)}.prava-alert__icon{height:calc(var(--spacing,.25rem) * 5);flex:none;align-items:center;display:flex}.prava-alert__icon svg,.prava-alert__dismiss svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.prava-alert[data-dismissible]{padding-inline-end:calc(var(--spacing,.25rem) * 11)}.prava-alert__body{gap:calc(var(--spacing,.25rem) * .5);flex:11rem;min-width:0;display:grid}.prava-alert__title{--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold)}.prava-alert__action{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.prava-alert__dismiss{inset-inline-end:calc(var(--spacing,.25rem) * 2);top:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);cursor:pointer;border-radius:var(--prava-radius-sm);border-style:var(--tw-border-style);color:inherit;outline:var(--prava-stroke) solid transparent;transition:outline-color var(--prava-duration-fast) var(--prava-ease-standard);background-color:#0000;border-width:0;place-items:center;padding:0;display:grid;position:absolute}.prava-alert__dismiss:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--prava-duration-fast) var(--prava-ease-standard);background:currentColor;position:absolute;inset:0}.prava-alert__dismiss:focus-visible{outline-color:var(--prava-color-focus)}@media(hover:hover){.prava-alert__dismiss:hover:before{opacity:.12}}@media(pointer:coarse){.prava-alert[data-dismissible]{padding-inline-end:calc(var(--spacing,.25rem) * 13)}.prava-alert__dismiss{inset-inline-end:calc(var(--spacing,.25rem) * .5);top:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11)}}@media(prefers-reduced-motion:reduce){.prava-alert__dismiss,.prava-alert__dismiss:before{transition:none}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/dist/styles/components/avatar.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer prava.components{.prava-avatar{background-color:var(--prava-color-surface-raised);vertical-align:middle;--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);color:var(--prava-color-text);-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px var(--prava-color-border);border-radius:2147483647px;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.prava-avatar[data-size=sm]{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);font-size:var(--prava-font-size-1)}.prava-avatar[data-size=md]{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);font-size:var(--prava-font-size-3)}.prava-avatar[data-size=lg]{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);font-size:var(--prava-font-size-4)}.prava-avatar img{object-fit:cover;width:100%;height:100%}.prava-avatar[data-tone]{box-shadow:none}.prava-avatar[data-tone=primary]{background-color:var(--prava-color-primary-container);color:var(--prava-color-on-primary-container)}.prava-avatar[data-tone=success]{background-color:var(--prava-color-success);color:var(--prava-color-on-success)}.prava-avatar[data-tone=warning]{background-color:var(--prava-color-warning);color:var(--prava-color-on-warning)}.prava-avatar[data-tone=info]{background-color:var(--prava-color-info);color:var(--prava-color-on-info)}.prava-avatar[data-tone=danger]{background-color:var(--prava-color-danger-container);color:var(--prava-color-on-danger-container)}}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/styles/components/badge.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer prava.components{.prava-badge{vertical-align:middle;--prava-badge-flip:1;max-width:100%;display:inline-flex;position:relative}.prava-badge:dir(rtl){--prava-badge-flip:-1}.prava-badge__target{max-width:100%;display:inline-flex}.prava-badge__indicator{pointer-events:none;justify-content:center;align-items:center;gap:var(--spacing,.25rem);max-width:100%;font-size:var(--prava-font-size-1);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);white-space:nowrap;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );border-radius:2147483647px;line-height:1;display:inline-flex}.prava-badge:not([data-standalone]) .prava-badge__indicator{z-index:10;box-shadow:0 0 0 var(--prava-stroke) var(--prava-color-surface);position:absolute}.prava-badge__indicator[data-placement^=top]{top:0}.prava-badge__indicator[data-placement^=bottom]{bottom:0}.prava-badge__indicator[data-placement$=end]{translate:calc(50% * var(--prava-badge-flip)) 0;inset-inline-end:0}.prava-badge__indicator[data-placement$=start]{translate:calc(-50% * var(--prava-badge-flip)) 0;inset-inline-start:0}.prava-badge__indicator[data-placement^=top]{margin-block-start:-.5rem}.prava-badge__indicator[data-placement^=bottom]{margin-block-end:-.5rem}.prava-badge__indicator[data-size=sm]{height:calc(var(--spacing,.25rem) * 4.5);min-width:calc(var(--spacing,.25rem) * 4.5);padding-inline:calc(var(--spacing,.25rem) * 1.5)}.prava-badge__indicator[data-size=md]{height:calc(var(--spacing,.25rem) * 5.5);min-width:calc(var(--spacing,.25rem) * 5.5);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--prava-font-size-2)}.prava-badge[data-standalone] .prava-badge__indicator[data-size=sm]{height:calc(var(--spacing,.25rem) * 5);padding-inline:calc(var(--spacing,.25rem) * 2)}.prava-badge[data-standalone] .prava-badge__indicator[data-size=md]{height:calc(var(--spacing,.25rem) * 6);padding-inline:calc(var(--spacing,.25rem) * 2.5)}.prava-badge__indicator[data-tone=neutral]{background-color:var(--prava-color-surface-raised);color:var(--prava-color-text)}.prava-badge__indicator[data-tone=primary]{background-color:var(--prava-color-primary-container);color:var(--prava-color-on-primary-container)}.prava-badge__indicator[data-tone=success]{background-color:var(--prava-color-success);color:var(--prava-color-on-success)}.prava-badge__indicator[data-tone=warning]{background-color:var(--prava-color-warning);color:var(--prava-color-on-warning)}.prava-badge__indicator[data-tone=danger]{background-color:var(--prava-color-danger-container);color:var(--prava-color-on-danger-container)}.prava-badge__indicator[data-tone=info]{background-color:var(--prava-color-info);color:var(--prava-color-on-info)}.prava-badge:not([data-standalone]) .prava-badge__indicator[data-tone=primary]{background-color:var(--prava-color-primary);color:var(--prava-color-on-primary)}.prava-badge:not([data-standalone]) .prava-badge__indicator[data-tone=danger]{background-color:var(--prava-color-danger);color:var(--prava-color-on-danger)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}

package/dist/styles/components/button.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer prava.components{.prava-button{box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--prava-radius-control);border-style:var(--tw-border-style);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;max-width:100%;font:inherit;font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight);outline:var(--prava-stroke) solid transparent;outline-offset:0;transition-property:background-color,border-color,color,box-shadow,outline-color,outline-offset,scale;transition-duration:var(--prava-duration-fast);transition-timing-function:var(--prava-ease-standard);-webkit-tap-highlight-color:transparent;border-width:1px;border-color:#0000;flex-shrink:0;text-decoration-line:none;display:inline-flex;position:relative}.prava-button:focus-visible{outline-offset:2px;outline-color:var(--prava-color-focus)}.prava-button[data-full-width]{width:100%;display:flex}.prava-button[data-variant=primary]{background-color:var(--prava-color-primary);color:var(--prava-color-on-primary);--tw-shadow:var(--prava-shadow-control-filled);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=primary]:hover{background-color:var(--prava-color-primary-hover)}}.prava-button:not(:disabled,[aria-disabled=true])[data-variant=primary]:active{background-color:var(--prava-color-primary-active)}.prava-button[data-variant=secondary]{border-color:var(--prava-color-border);background-color:var(--prava-color-surface);color:var(--prava-color-text);--tw-shadow:var(--prava-shadow-control);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=secondary]:hover{background-color:var(--prava-color-surface-hover);--tw-shadow:var(--prava-shadow-control-hover);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.prava-button[data-variant=outline]{border-color:var(--prava-color-border);color:var(--prava-color-text);background-color:#0000}.prava-button[data-variant=ghost]{color:var(--prava-color-text);background-color:#0000}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=outline]:hover,.prava-button:not(:disabled,[aria-disabled=true])[data-variant=ghost]:hover{background-color:var(--prava-color-surface-hover)}}.prava-button[data-variant=destructive]{background-color:var(--prava-color-danger);color:var(--prava-color-on-danger);--tw-shadow:var(--prava-shadow-control-filled);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.prava-button:not(:disabled,[aria-disabled=true])[data-variant=destructive]:hover{background-color:var(--prava-color-danger-hover)}}.prava-button:not(:disabled,[aria-disabled=true]):active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-shadow:var(--prava-shadow-pressed);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-timing-function:var(--prava-ease-press)}.prava-button[data-size=sm]{height:var(--prava-control-height-sm);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--prava-font-size-2)}.prava-button[data-size=md]{height:var(--prava-control-height-md);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--prava-font-size-3)}.prava-button[data-size=lg]{height:var(--prava-control-height-lg);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:var(--prava-font-size-4)}.prava-button[data-type=icon]{aspect-ratio:1;padding-inline:0}.prava-button__content,.prava-button__icon{justify-content:center;align-items:center;gap:inherit;display:inline-flex}.prava-button__icon>svg{flex-shrink:0;width:1.15em;height:1.15em}.prava-button[data-loading]{cursor:progress}.prava-button[data-loading] .prava-button__content{visibility:hidden}.prava-button__loader{place-items:center;display:grid;position:absolute;inset:0}.prava-button:disabled,.prava-button[aria-disabled=true]:not([data-loading]){cursor:not-allowed;opacity:.5;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.prava-button[data-motion=none],.prava-button[data-motion=none] .prava-spinner *{transition:none;animation:none;scale:none}@media(prefers-reduced-motion:reduce){.prava-button{transition:none}.prava-button:active{scale:none}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/dist/styles/components/card.css

@@ -0,0 +1 @@
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer prava.components{.prava-card{border-radius:var(--prava-radius-card);border-style:var(--tw-border-style);border-width:1px;border-color:var(--prava-color-border);background-color:var(--prava-color-surface);min-width:0;max-width:100%;color:var(--prava-color-text);box-shadow:var(--prava-shadow-control);overflow:hidden}.prava-card__header,.prava-card__content{min-width:0;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4)}.prava-card__header{gap:var(--spacing,.25rem);padding-bottom:0;display:grid}.prava-card__header+.prava-card__content{padding-top:calc(var(--spacing,.25rem) * 4)}.prava-card__header :is(h1,h2,h3,h4,h5,h6){font-size:var(--prava-font-size-5);--tw-font-weight:var(--prava-font-weight-semibold);font-weight:var(--prava-font-weight-semibold);line-height:var(--prava-line-height-tight);text-wrap:balance;margin:0}.prava-card__header p{font-size:var(--prava-font-size-3);color:var(--prava-color-text-muted);line-height:var(--prava-line-height-normal);margin:0}.prava-card__footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--prava-color-border);background-color:var(--prava-color-canvas);min-width:0;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}@media(max-width:30rem){.prava-card__header,.prava-card__content,.prava-card__footer{padding-inline:calc(var(--spacing,.25rem) * 4)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/styles/components/checkbox.css

@@ -0,0 +1 @@
+@layer prava.components{.prava-checkbox .prava-choice__indicator{border-radius:var(--prava-radius-sm)}.prava-checkbox svg{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.prava-choice__check{stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset var(--prava-duration-normal) var(--prava-ease-standard)}.prava-choice__dash{opacity:0}.prava-choice__input:checked:not(:indeterminate)+.prava-choice__indicator .prava-choice__check{stroke-dashoffset:0}.prava-choice__input:indeterminate+.prava-choice__indicator .prava-choice__dash{opacity:1}}

package/dist/styles/components/container.css

@@ -0,0 +1 @@
+@layer prava.components{.prava-container{--prava-container-max:72rem;box-sizing:border-box;width:100%;min-width:0;max-inline-size:var(--prava-container-max);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.prava-container[data-size=sm]{--prava-container-max:40rem}.prava-container[data-size=md]{--prava-container-max:56rem}.prava-container[data-size=xl]{--prava-container-max:88rem}.prava-container[data-size=fluid]{--prava-container-max:100%}}