@ngrok/mantle 0.76.11 → 0.78.0

package/dist/empty.d.ts

@@ -1,19 +1,138 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { t as SvgAttributes } from "./types-BvUzforF.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
-
 //#region src/components/empty/empty.d.ts
+/**
+ * The root container for an empty state. Centers content horizontally
+ * with consistent vertical padding and max-width.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No results found</Empty.Title>
+ *   <Empty.Description>Try adjusting your search or filters.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button>Clear filters</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ * ```
+ */
+declare const Root: {
+  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
 type EmptyIconProps = Omit<SvgAttributes, "children"> & {
   /**
    * A single SVG icon element.
    */
   svg: ReactNode;
 };
+/**
+ * Renders a large icon for the empty state. Pass a single SVG icon element
+ * via the `svg` prop (e.g. from `@phosphor-icons/react`).
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button>Create endpoint</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ * ```
+ */
+declare const Icon: {
+  ({ className, svg, ...props }: EmptyIconProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * The heading text for the empty state. Renders as an `h3` by default. Use the
+ * `asChild` prop to render as a different heading level (e.g. `h1`, `h2`).
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button>Create endpoint</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ *
+ * <Empty.Title asChild>
+ *   <h2>No results found</h2>
+ * </Empty.Title>
+ * ```
+ */
+declare const Title: {
+  ({ asChild, children, className, ...props }: HTMLAttributes<HTMLHeadingElement> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * Supporting descriptive text below the title. Renders as a `div` with
+ * `space-y-4` so multiple paragraphs can be placed inside. Use the `asChild`
+ * prop to render as a different element.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button>Create endpoint</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ *
+ * <Empty.Description>
+ *   <p>Something went wrong.</p>
+ *   <p>Please try again in a few minutes.</p>
+ * </Empty.Description>
+ * ```
+ */
+declare const Description: {
+  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * A container for action buttons or links in the empty state.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/empty
+ *
+ * @example
+ * ```tsx
+ * <Empty.Root>
+ *   <Empty.Icon svg={<GhostIcon />} />
+ *   <Empty.Title>No endpoints yet</Empty.Title>
+ *   <Empty.Description>Create your first endpoint to get started.</Empty.Description>
+ *   <Empty.Actions>
+ *     <Button>Create endpoint</Button>
+ *     <Button appearance="outlined">Go back</Button>
+ *   </Empty.Actions>
+ * </Empty.Root>
+ * ```
+ */
+declare const Actions: {
+  ({ asChild, children, className, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * Compound component for rendering empty states. Use with `Empty.Root`,
  * `Empty.Icon`, `Empty.Title`, `Empty.Description`, and `Empty.Actions`.
  *
- * @see https://mantle.ngrok.com/components/empty
+ * @see https://mantle.ngrok.com/components/feedback/empty
  *
  * @example
  * Composition:
@@ -44,7 +163,7 @@ declare const Empty: {
    * The root container for an empty state. Centers content vertically and
    * horizontally with consistent padding and max-width.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -58,20 +177,12 @@ declare const Empty: {
    * </Empty.Root>
    * ```
    */
-  readonly Root: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Root: typeof Root;
   /**
    * Renders a large icon for the empty state. Pass a single SVG icon element
    * via the `svg` prop.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -85,19 +196,12 @@ declare const Empty: {
    * </Empty.Root>
    * ```
    */
-  readonly Icon: {
-    ({
-      className,
-      svg,
-      ...props
-    }: EmptyIconProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Icon: typeof Icon;
   /**
    * The heading text for the empty state. Renders as an `h3` by default.
    * Use `asChild` to render as a different heading level.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -115,21 +219,13 @@ declare const Empty: {
    * </Empty.Title>
    * ```
    */
-  readonly Title: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: HTMLAttributes<HTMLHeadingElement> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Title: typeof Title;
   /**
    * Supporting descriptive text below the title. Renders as a `div` with
    * `space-y-4` for multiple paragraphs. Use `asChild` to render as a
    * different element.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -143,19 +239,11 @@ declare const Empty: {
    * </Empty.Root>
    * ```
    */
-  readonly Description: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Description: typeof Description;
   /**
    * A container for action buttons or links in the empty state.
    *
-   * @see https://mantle.ngrok.com/components/empty
+   * @see https://mantle.ngrok.com/components/feedback/empty
    *
    * @example
    * ```tsx
@@ -169,15 +257,7 @@ declare const Empty: {
    * </Empty.Root>
    * ```
    */
-  readonly Actions: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Actions: typeof Actions;
 };
 //#endregion
 export { Empty };

package/dist/empty.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./svg-only-CSOaF1tL.js";import{t as n}from"./slot-DT_E5BQx.js";import{jsx as r}from"react/jsx-runtime";const i=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty`,className:e(`mx-auto flex max-w-lg flex-col items-center p-6 text-center`,a),...o,children:i});i.displayName=`Empty`;const a=({className:n,svg:i,...a})=>r(t,{"data-slot":`empty-icon`,className:e(`mb-1 size-10 text-neutral-400`,n),svg:i,...a});a.displayName=`EmptyIcon`;const o=({asChild:t,children:i,className:a,...o})=>r(t?n:`h3`,{"data-slot":`empty-title`,className:e(`text-strong text-sm font-medium font-sans`,a),...o,children:i});o.displayName=`EmptyTitle`;const s=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-description`,className:e(`text-muted space-y-4 text-sm font-sans`,a),...o,children:i});s.displayName=`EmptyDescription`;const c=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-actions`,className:e(`mt-4 flex items-center gap-2`,a),...o,children:i});c.displayName=`EmptyActions`;const l={Root:i,Icon:a,Title:o,Description:s,Actions:c};export{l as Empty};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-DDx6FtJd.js";import{t as n}from"./slot-DmPrjM7N.js";import{jsx as r}from"react/jsx-runtime";const i=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty`,className:e(`mx-auto flex max-w-lg flex-col items-center p-6 text-center`,a),...o,children:i});i.displayName=`Empty`;const a=({className:n,svg:i,...a})=>r(t,{"data-slot":`empty-icon`,className:e(`mb-1 size-10 text-neutral-400`,n),svg:i,...a});a.displayName=`EmptyIcon`;const o=({asChild:t,children:i,className:a,...o})=>r(t?n:`h3`,{"data-slot":`empty-title`,className:e(`text-strong text-sm font-medium font-sans`,a),...o,children:i});o.displayName=`EmptyTitle`;const s=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-description`,className:e(`text-muted space-y-4 text-sm font-sans`,a),...o,children:i});s.displayName=`EmptyDescription`;const c=({asChild:t,children:i,className:a,...o})=>r(t?n:`div`,{"data-slot":`empty-actions`,className:e(`mt-4 flex items-center gap-2`,a),...o,children:i});c.displayName=`EmptyActions`;const l={Root:i,Icon:a,Title:o,Description:s,Actions:c};export{l as Empty};

package/dist/{field-context-4k1kI7Bo.js → field-context-BR01g789.js}

@@ -1 +1 @@
-import{r as e}from"./validation-DCyx-ceH.js";import{createContext as t}from"react";const n=t(null),r=t(null),i=({context:t})=>{if(!t)return{ariaProps:{},validation:void 0};let n=e({defaultAriaInvalid:!1,validation:t.validation});return{ariaProps:{"aria-describedby":`${t.descriptionId} ${t.errorId}`,"aria-errormessage":n.isInvalid?t.errorId:void 0,"aria-invalid":n.ariaInvalid,id:t.controlId,name:t.name},validation:n.validation}};export{n,i as r,r as t};
+import{r as e}from"./validation-Bpptk_9t.js";import{createContext as t}from"react";const n=t(null),r=t(null),i=({context:t})=>{if(!t)return{ariaProps:{},validation:void 0};let n=e({defaultAriaInvalid:!1,validation:t.validation});return{ariaProps:{"aria-describedby":`${t.descriptionId} ${t.errorId}`,"aria-errormessage":n.isInvalid?t.errorId:void 0,"aria-invalid":n.ariaInvalid,id:t.controlId,name:t.name},validation:n.validation}};export{n,i as r,r as t};

package/dist/field.d.ts

@@ -1,9 +1,8 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { n as IconButtonProps } from "./icon-button-D7hs6bX2.js";
-import { a as ValidationState, c as parseValidation, i as ValidationProp, l as resolveValidation, n as ParsedValidation, o as WithValidation, r as Validation, s as isAriaInvalid, t as AriaInvalid } from "./validation-xyX_6kph.js";
-import { t as Slot } from "./index-CJbKEKr2.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { n as IconButtonProps } from "./icon-button-DuRSCsPh.js";
+import { a as ValidationState, c as parseValidation, i as ValidationProp, l as resolveValidation, n as ParsedValidation, o as WithValidation, r as Validation, s as isAriaInvalid, t as AriaInvalid } from "./validation-7QeiTFwl.js";
+import { t as Slot } from "./index-Rv8RL7xy.js";
 import { ComponentProps, ReactElement, ReactNode } from "react";
-
 //#region src/components/field/field-context.d.ts
 /**
  * ARIA and identity props that `Field.Control` applies to the field's
@@ -33,14 +32,6 @@ type FieldControlAriaProps = {
    */
   name?: string;
 };
-/**
- * Context value owned by `Field.Item` and consumed by message/control parts.
- *
- * `Field.Item` owns the two stable slot IDs (one for the description, one for
- * the error list) so consumers don't manage ARIA wiring themselves. The IDs
- * are emitted unconditionally; ARIA treats unresolved IDREFs as no-ops, so
- * dangling IDs (when no description or error list is rendered) are harmless.
- */
 //#endregion
 //#region src/components/field/error-helpers.d.ts
 /**
@@ -49,9 +40,6 @@ type FieldControlAriaProps = {
  * still rendering only real strings.
  */
 type FieldErrorMessage = string | null | undefined | false;
-/**
- * Options for checking a manual `Field.ErrorList` subtree.
- */
 //#endregion
 //#region src/components/field/field.d.ts
 /**
@@ -74,7 +62,7 @@ type FieldErrorMessage = string | null | undefined | false;
  * `Field.Errors`, or multiple `Field.ErrorItem` children to `Field.ErrorList`,
  * instead.
  *
- * @see https://mantle.ngrok.com/components/field
+ * @see https://mantle.ngrok.com/components/forms/field
  *
  * @example
  * ```tsx
@@ -132,7 +120,7 @@ type FieldControlRenderProps = {
    * `Slot` cannot reach the focusable element.
    */
   children: (props: FieldControlAriaProps) => ReactNode;
-} & { [K in keyof FieldControlSlotProps]?: never };
+} & { [K in keyof FieldControlSlotProps]?: never; };
 /**
  * Props for the `Field.Errors` convenience renderer. It owns its generated
  * children, so use `Field.ErrorList` / `Field.ErrorItem` directly when custom
@@ -153,7 +141,7 @@ type FieldErrorsProps = Omit<ComponentProps<"ul">, "children" | "id"> & {
  * `Field.Group`; use `Field.Set` + `Field.Legend` for radios / related
  * checkboxes that share one accessible name.
  *
- * @see https://mantle.ngrok.com/components/field
+ * @see https://mantle.ngrok.com/components/forms/field
  *
  * @example
  * Composition:
@@ -201,7 +189,7 @@ declare const Field: {
    * A single form field. Provides message IDs and validation state to
    * `Field.Control`; rendered errors infer `"error"` validation.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -234,7 +222,7 @@ declare const Field: {
    * `<label>`-wrapped native checkbox, or a third-party component that
    * needs the props placed manually on an inner input.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -269,7 +257,7 @@ declare const Field: {
   /**
    * Layout container that stacks multiple `Field.Item`s vertically.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -298,7 +286,7 @@ declare const Field: {
    * Semantic `<fieldset>` for related controls that share one accessible
    * name from `Field.Legend`.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -315,7 +303,7 @@ declare const Field: {
   /**
    * Caption for `Field.Set`. Renders a semantic `<legend>`.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -338,7 +326,7 @@ declare const Field: {
    * opt out (e.g. when the focusable element is rendered outside of
    * `Field.Control`).
    *
-   * @see https://mantle.ngrok.com/components/label
+   * @see https://mantle.ngrok.com/components/forms/label
    *
    * @example
    * ```tsx
@@ -376,7 +364,7 @@ declare const Field: {
    * status) inside sheets or detail panels. For rows with a real control,
    * use `Field.Label` instead so the label-to-control association is wired.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -393,7 +381,7 @@ declare const Field: {
    * `<Field.Label>` (which may contain `Field.Optional`) with adjacent affordances
    * like a help-icon `Popover.Trigger` on a shared center line with `gap-1`.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -423,7 +411,7 @@ declare const Field: {
    * `Field.HelpTrigger` and `Field.HelpContent` to drop a `?` button next to
    * a label without manually composing Popover + IconButton + QuestionIcon.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -453,7 +441,7 @@ declare const Field: {
    * `QuestionIcon`. Requires a contextual `label`; pass `icon` to swap the
    * glyph, or other `IconButton` props (`size`, `appearance`, etc.) to customize.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -477,7 +465,7 @@ declare const Field: {
    * </Field.Group>
    * ```
    */
-  readonly HelpTrigger: import("react").ForwardRefExoticComponent<Partial<Omit<IconButtonProps, "label" | "icon">> & Pick<IconButtonProps, "label"> & {
+  readonly HelpTrigger: import("react").ForwardRefExoticComponent<Partial<Omit<IconButtonProps, "icon" | "label">> & Pick<IconButtonProps, "label"> & {
     /**
      * The icon to render inside the trigger button. Defaults to a Phosphor
      * `QuestionIcon` so the most common case only needs a contextual label.
@@ -489,7 +477,7 @@ declare const Field: {
    * positioning / sizing options (`side`, `align`, `preferredWidth`, etc.)
    * work as expected.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -522,7 +510,7 @@ declare const Field: {
    * the `<Field.Label>` so screen readers announce it as part of the accessible
    * name.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -550,7 +538,7 @@ declare const Field: {
   /**
    * Helper / hint text rendered below the control in the muted body color.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -580,7 +568,7 @@ declare const Field: {
    * filters empty values, and renders a `Field.ErrorList` with one
    * `Field.ErrorItem` for each remaining message.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -609,7 +597,7 @@ declare const Field: {
    * Wraps one or more `Field.ErrorItem` children in a semantic `<ul>`.
    * Renders nothing when given no renderable children.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx
@@ -633,7 +621,7 @@ declare const Field: {
    * A single error message list item for a field. Renders an `<li>` in
    * `text-danger-600` and must be nested inside a `Field.ErrorList`.
    *
-   * @see https://mantle.ngrok.com/components/field
+   * @see https://mantle.ngrok.com/components/forms/field
    *
    * @example
    * ```tsx

package/dist/field.js

@@ -1 +1 @@
-import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{t}from"./cx-C1UYP5We.js";import{t as n}from"./slot-DT_E5BQx.js";import{t as r}from"./icon-button-DiX9iZ9n.js";import{i,n as a,r as o,t as s}from"./validation-DCyx-ceH.js";import{t as c}from"./label-BLXfnQmn.js";import{t as l}from"./popover-Bq52EC7X.js";import{n as u,r as d,t as f}from"./field-context-4k1kI7Bo.js";import{Children as p,Fragment as m,cloneElement as h,forwardRef as g,isValidElement as _,useCallback as v,useContext as y,useId as b,useMemo as x,useState as S}from"react";import C from"tiny-invariant";import{jsx as w}from"react/jsx-runtime";import{QuestionIcon as T}from"@phosphor-icons/react/Question";const E=e=>{let t=[],n=new Set;for(let r of e??[]){if(typeof r!=`string`)continue;let e=r.trim();e.length===0||n.has(e)||(n.add(e),t.push(e))}return t},D=e=>!(e==null||typeof e==`boolean`||typeof e==`string`&&e.trim().length===0),O=({children:e,errorItemType:t})=>{let n=!1;return p.forEach(e,e=>{if(!(n||e==null||typeof e==`boolean`)){if(typeof e==`string`){e.trim().length>0&&(n=!0);return}if(!_(e)){n=!0;return}if(e.type===t){n=D(e.props.children);return}if(e.type===m){n=O({children:e.props.children,errorItemType:t});return}n=!0}}),n},k=g(({className:e,...n},r)=>w(`fieldset`,{ref:r,"data-slot":`field-set`,className:t(`flex w-full min-w-0 flex-col gap-4 border-0 p-0`,e),...n}));k.displayName=`FieldSet`;const A=g(({className:e,...n},r)=>w(`legend`,{ref:r,"data-slot":`field-legend`,className:t(`text-strong mb-1.5 text-sm font-medium font-sans`,e),...n}));A.displayName=`FieldLegend`;const j=g(({htmlFor:e,...t},n)=>{let r=y(u);return w(c,{ref:n,htmlFor:e??r?.controlId,...t})});j.displayName=`FieldLabel`;const M=g(({asChild:e,className:r,...i},a)=>w(e?n:`p`,{ref:a,"data-slot":`field-label-text`,className:t(`text-strong text-sm font-medium font-sans`,r),...i}));M.displayName=`FieldLabelText`;const N=g(({asChild:e,className:r,...i},a)=>w(e?n:`div`,{ref:a,"data-slot":`field-label-row`,className:t(`flex items-center gap-1`,r),...i}));N.displayName=`FieldLabelRow`;const P=l.Root,F=w(T,{}),I=g(({appearance:e=`ghost`,className:n,icon:i=F,label:a,size:o=`xs`,type:s=`button`,...c},u)=>w(l.Trigger,{asChild:!0,children:w(r,{ref:u,appearance:e,className:t(`text-body -my-0.5`,n),icon:i,label:a,size:o,type:s,...c})}));I.displayName=`FieldHelpTrigger`;const L=g((e,t)=>w(l.Content,{ref:t,"data-slot":`field-help-content`,...e}));L.displayName=`FieldHelpContent`;const R=g(({asChild:e,children:r,className:i,...a},o)=>w(e?n:`span`,{ref:o,"data-slot":`field-optional`,className:t(`text-muted text-sm font-normal font-sans`,i),...a,children:r??`(Optional)`}));R.displayName=`FieldOptional`;const z=g(({asChild:e,className:r,...i},a)=>w(e?n:`div`,{ref:a,"data-slot":`field-group`,className:t(`flex w-full flex-col gap-4`,r),...i}));z.displayName=`FieldGroup`;const B=g(({asChild:e,children:r,className:a,name:o,validation:c,...l},d)=>{let f=e?n:`div`,p=b(),m=b(),h=b(),[g,_]=S(!1),y=i(c??(g?`error`:void 0)),C=v(()=>(_(!0),()=>{_(!1)}),[]),T=x(()=>({controlId:p,descriptionId:m,errorId:h,hasErrors:g,name:o,registerError:C,validation:y}),[p,m,h,g,o,C,y]);return w(u.Provider,{value:T,children:w(s,{validation:y,children:w(f,{ref:d,"data-slot":`field-item`,"data-validation":y,className:t(`flex w-full flex-col gap-1.5`,a),...l,children:r})})})});B.displayName=`FieldItem`;const V=g(({children:e,...t},r)=>{let i=y(u),a=d({context:i});return typeof e==`function`?w(s,{validation:a.validation,children:w(f.Provider,{value:i?a.ariaProps:null,children:e(a.ariaProps)})}):(C(_(e),`Field.Control expects a single React element child (or a render-prop function). Got a non-element value (string, array, fragment, null, or undefined). Wrap the control in a single element, or use the function child form: <Field.Control>{(props) => <YourControl {...props} />}</Field.Control>.`),w(s,{validation:a.validation,children:w(f.Provider,{value:i?a.ariaProps:null,children:w(n,{ref:r,...t,children:h(e,a.ariaProps)})})}))});V.displayName=`FieldControl`;const H=g(({asChild:e,className:r,...i},a)=>w(e?n:`p`,{ref:a,"data-slot":`field-description`,id:y(u)?.descriptionId,className:t(`text-body text-sm leading-4`,`[:where([data-slot=field-error-list]+&)]:-mt-1.5`,r),...i}));H.displayName=`FieldDescription`;const U=g(({children:e,className:n,...r},i)=>D(e)?w(`li`,{ref:i,"data-slot":`field-error`,className:t(`text-danger-600 text-sm leading-4`,n),...r,children:e}):null);U.displayName=`FieldErrorItem`;const W=g(({messages:e,...t},n)=>w(G,{ref:n,...t,children:E(e).map(e=>w(U,{children:e},e))}));W.displayName=`FieldErrors`;const G=g(({asChild:r,children:i,className:a,...o},s)=>{let c=O({children:i,errorItemType:U}),l=y(u),d=l?.registerError;return e(()=>{if(!(!c||d==null))return d()},[c,d]),c?w(r?n:`ul`,{ref:s,"data-slot":`field-error-list`,id:l?.errorId,role:`list`,className:t(`m-0 flex w-full flex-col list-none p-0`,a),...o,children:i}):null});G.displayName=`FieldErrorList`;const K={Item:B,Control:V,Group:z,Set:k,Legend:A,Label:j,LabelText:M,LabelRow:N,Help:P,HelpTrigger:I,HelpContent:L,Optional:R,Description:H,Errors:W,ErrorList:G,ErrorItem:U},q=e=>E(e?.map(e=>typeof e==`string`||!e?e:e.message));export{K as Field,a as isAriaInvalid,o as parseValidation,i as resolveValidation,q as toErrorMessages};
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./slot-DmPrjM7N.js";import{t as r}from"./icon-button-CxVsZ2N1.js";import{i,n as a,r as o,t as s}from"./validation-Bpptk_9t.js";import{n as c,r as l,t as u}from"./field-context-BR01g789.js";import{t as d}from"./label-BMlHW_2D.js";import{t as f}from"./popover-D5WxxnBY.js";import{Children as p,Fragment as m,cloneElement as h,forwardRef as g,isValidElement as _,useCallback as v,useContext as y,useId as b,useMemo as x,useState as S}from"react";import C from"tiny-invariant";import{jsx as w}from"react/jsx-runtime";import{QuestionIcon as T}from"@phosphor-icons/react/Question";const E=e=>{let t=[],n=new Set;for(let r of e??[]){if(typeof r!=`string`)continue;let e=r.trim();e.length===0||n.has(e)||(n.add(e),t.push(e))}return t},D=e=>!(e==null||typeof e==`boolean`||typeof e==`string`&&e.trim().length===0),O=({children:e,errorItemType:t})=>{let n=!1;return p.forEach(e,e=>{if(!(n||e==null||typeof e==`boolean`)){if(typeof e==`string`){e.trim().length>0&&(n=!0);return}if(!_(e)){n=!0;return}if(e.type===t){n=D(e.props.children);return}if(e.type===m){n=O({children:e.props.children,errorItemType:t});return}n=!0}}),n},k=g(({className:e,...n},r)=>w(`fieldset`,{ref:r,"data-slot":`field-set`,className:t(`flex w-full min-w-0 flex-col gap-4 border-0 p-0`,e),...n}));k.displayName=`FieldSet`;const A=g(({className:e,...n},r)=>w(`legend`,{ref:r,"data-slot":`field-legend`,className:t(`text-strong mb-1.5 text-sm font-medium font-sans`,e),...n}));A.displayName=`FieldLegend`;const j=g(({htmlFor:e,...t},n)=>{let r=y(c);return w(d,{ref:n,htmlFor:e??r?.controlId,...t})});j.displayName=`FieldLabel`;const M=g(({asChild:e,className:r,...i},a)=>w(e?n:`p`,{ref:a,"data-slot":`field-label-text`,className:t(`text-strong text-sm font-medium font-sans`,r),...i}));M.displayName=`FieldLabelText`;const N=g(({asChild:e,className:r,...i},a)=>w(e?n:`div`,{ref:a,"data-slot":`field-label-row`,className:t(`flex items-center gap-1`,r),...i}));N.displayName=`FieldLabelRow`;const P=f.Root,F=w(T,{}),I=g(({appearance:e=`ghost`,className:n,icon:i=F,label:a,size:o=`xs`,type:s=`button`,...c},l)=>w(f.Trigger,{asChild:!0,children:w(r,{ref:l,appearance:e,className:t(`text-body -my-0.5`,n),icon:i,label:a,size:o,type:s,...c})}));I.displayName=`FieldHelpTrigger`;const L=g((e,t)=>w(f.Content,{ref:t,"data-slot":`field-help-content`,...e}));L.displayName=`FieldHelpContent`;const R=g(({asChild:e,children:r,className:i,...a},o)=>w(e?n:`span`,{ref:o,"data-slot":`field-optional`,className:t(`text-muted text-sm font-normal font-sans`,i),...a,children:r??`(Optional)`}));R.displayName=`FieldOptional`;const z=g(({asChild:e,className:r,...i},a)=>w(e?n:`div`,{ref:a,"data-slot":`field-group`,className:t(`flex w-full flex-col gap-4`,r),...i}));z.displayName=`FieldGroup`;const B=g(({asChild:e,children:r,className:a,name:o,validation:l,...u},d)=>{let f=e?n:`div`,p=b(),m=b(),h=b(),[g,_]=S(!1),y=i(l??(g?`error`:void 0)),C=v(()=>(_(!0),()=>{_(!1)}),[]),T=x(()=>({controlId:p,descriptionId:m,errorId:h,hasErrors:g,name:o,registerError:C,validation:y}),[p,m,h,g,o,C,y]);return w(c.Provider,{value:T,children:w(s,{validation:y,children:w(f,{ref:d,"data-slot":`field-item`,"data-validation":y,className:t(`flex w-full flex-col gap-1.5`,a),...u,children:r})})})});B.displayName=`FieldItem`;const V=g(({children:e,...t},r)=>{let i=y(c),a=l({context:i});return typeof e==`function`?w(s,{validation:a.validation,children:w(u.Provider,{value:i?a.ariaProps:null,children:e(a.ariaProps)})}):(C(_(e),`Field.Control expects a single React element child (or a render-prop function). Got a non-element value (string, array, fragment, null, or undefined). Wrap the control in a single element, or use the function child form: <Field.Control>{(props) => <YourControl {...props} />}</Field.Control>.`),w(s,{validation:a.validation,children:w(u.Provider,{value:i?a.ariaProps:null,children:w(n,{ref:r,...t,children:h(e,a.ariaProps)})})}))});V.displayName=`FieldControl`;const H=g(({asChild:e,className:r,...i},a)=>w(e?n:`p`,{ref:a,"data-slot":`field-description`,id:y(c)?.descriptionId,className:t(`text-body text-sm leading-4`,`[:where([data-slot=field-error-list]+&)]:-mt-1.5`,r),...i}));H.displayName=`FieldDescription`;const U=g(({children:e,className:n,...r},i)=>D(e)?w(`li`,{ref:i,"data-slot":`field-error`,className:t(`text-danger-600 text-sm leading-4`,n),...r,children:e}):null);U.displayName=`FieldErrorItem`;const W=g(({messages:e,...t},n)=>w(G,{ref:n,...t,children:E(e).map(e=>w(U,{children:e},e))}));W.displayName=`FieldErrors`;const G=g(({asChild:r,children:i,className:a,...o},s)=>{let l=O({children:i,errorItemType:U}),u=y(c),d=u?.registerError;return e(()=>{if(!(!l||d==null))return d()},[l,d]),l?w(r?n:`ul`,{ref:s,"data-slot":`field-error-list`,id:u?.errorId,role:`list`,className:t(`m-0 flex w-full flex-col list-none p-0`,a),...o,children:i}):null});G.displayName=`FieldErrorList`;const K={Item:B,Control:V,Group:z,Set:k,Legend:A,Label:j,LabelText:M,LabelRow:N,Help:P,HelpTrigger:I,HelpContent:L,Optional:R,Description:H,Errors:W,ErrorList:G,ErrorItem:U},q=e=>E(e?.map(e=>typeof e==`string`||!e?e:e.message));export{K as Field,a as isAriaInvalid,o as parseValidation,i as resolveValidation,q as toErrorMessages};

package/dist/flag.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/components/flag/country-code.d.ts
 /** All valid values for a flag
  * @see https://www.flagpack.xyz/docs/flag-index
@@ -58,7 +57,7 @@ type Props = Omit<ComponentProps<"div">, "children"> & {
  * **Loading.** Defaults to `loading="lazy"`. Use `loading="eager"` for flags
  * above the fold or in critical content.
  *
- * @see https://mantle.ngrok.com/components/flag#flag
+ * @see https://mantle.ngrok.com/components/data-display/flag#flag
  *
  * @example
  * ```tsx
@@ -75,13 +74,7 @@ type Props = Omit<ComponentProps<"div">, "children"> & {
  * </span>
  * ```
  */
-declare function Flag({
-  className,
-  code,
-  size,
-  loading,
-  ...props
-}: Props): import("react").JSX.Element;
+declare function Flag({ className, code, size, loading, ...props }: Props): import("react").JSX.Element;
 declare namespace Flag {
   var displayName: string;
 }

package/dist/flag.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(``,{variants:{size:{s:`rounded-[0.0625rem]`,m:`rounded-[0.09375rem]`,l:`rounded-xs`}}}),a=r(``,{variants:{size:{s:`w-4 h-3`,m:`w-5 h-3.75`,l:`w-8 h-6`}}});function o({className:r,code:o,size:s=`l`,loading:c=`lazy`,...l}){let u=i({size:s});return n(`div`,{"data-slot":`flag`,className:e(`flag relative overflow-hidden`,u,a({size:s}),r),...l,children:[t(`div`,{"aria-hidden":!0,className:e(`absolute inset-0 border border-[#000]/10`,u)}),t(`img`,{className:`h-full w-full block object-cover`,src:`https://assets.ngrok.com/flags/${s}/${o}.svg`,alt:`flag for ${o}`,loading:c})]})}o.displayName=`Flag`;const s=`004.008.010.016.016.020.024.028.031.032.040.044.048.050.051.052.056.060.064.068.070.072.074.076.084.086.090.092.096.100.104.108.112.116.120.124.132.136.140.144.148.152.156.158.162.166.170.174.178.180.184.188.191.192.196.203.204.208.212.214.218.222.226.231.232.233.234.238.239.242.246.248.250.254.258.260.262.266.268.270.275.276.288.292.296.300.304.308.312.316.320.324.328.332.334.336.340.344.348.352.356.360.364.368.372.376.380.384.388.392.398.400.404.408.410.414.417.418.422.426.428.430.434.438.440.442.446.450.454.458.462.466.470.474.478.480.484.492.496.498.499.500.504.508.512.516.520.524.528.531.533.534.540.548.554.558.562.566.570.574.578.580.581.583.584.585.586.591.598.600.604.608.612.616.620.624.626.630.634.638.642.643.646.652.654.659.660.662.663.666.670.674.678.682.686.688.690.694.702.703.704.705.706.710.716.724.728.729.732.740.744.748.752.756.760.762.764.768.772.776.780.784.788.792.795.796.798.800.804.807.818.831.832.833.834.836.840.850.854.858.860.862.876.882.887.894.ABW.AD.AE.AF.AFG.AFRUN.AG.AGO.AI.AIA.AL.ALA.ALB.AM.AMS.AND.AO.AQ.AR.ARE.ARG.ARM.AS.ASM.AT.ATA.ATF.ATG.AU.AUS.AUT.AW.AX.AZ.AZE.BA.BB.BD.BDI.BE.BEL.BEN.BF.BFA.BG.BGD.BGR.BH.BHR.BHS.BI.BIH.BJ.BL.BLM.BLR.BLZ.BM.BMU.BN.BO.BOL.BQ-BO.BQ-SA.BQ-SE.BR.BRA.BRB.BRN.BS.BT.BTN.BV.BVT.BW.BWA.BY.BZ.CA.CAF.CAN.CC.CCK.CD.CF.CG.CH.CHE.CHL.CHN.CI.CIV.CK.CL.CM.CMR.CN.CO.COD.COG.COK.COL.COM.CPV.CR.CRI.CU.CUB.CUW.CV.CW.CX.CXR.CY.CYM.CYP.CZ.CZE.DE.DEU.DJ.DJI.DK.DM.DMA.DNK.DO.DOM.EC.ECU.EE.EG.EGY.EH.ER.ERI.ES.ESH.ESP.EST.ET.ETH.EU.FI.FIN.FJ.FJI.FK.FLK.FM.FO.FR.FRA.FRO.FSM.GA.GAB.GB-ENG.GB-NIR.GB-SCT.GB-UKM.GB-WLS.GB.GBR.GD.GE.GEO.GF.GG.GGY.GH.GHA.GI.GIB.GIN.GL.GLP.GM.GMB.GN.GNB.GNQ.GP.GQ.GR.GRC.GRD.GRL.GS.GT.GTM.GU.GUF.GUM.GUY.GW.GY.HK.HKG.HM.HMD.HN.HND.HR.HRV.HT.HTI.HU.HUN.ID.IDN.IE.IL.IM.IMN.IN.IND.IO.IOT.IQ.IR.IRL.IRN.IRQ.IS.ISL.ISR.IT.ITA.JAM.JE.JEY.JM.JO.JOR.JP.JPN.KAZ.KE.KEN.KG.KGZ.KH.KHM.KI.KIR.KM.KN-SK.KNA.KOR.KP.KR.KW.KWT.KY.KZ.LA.LAO.LB.LBN.LBR.LBY.LC.LCA.LI.LIE.LK.LKA.LR.LS.LSO.LT.LTU.LU.LUX.LV.LVA.LY.MA.MAC.MAF.MAR.MC.MCO.MD.MDA.MDG.MDV.ME.MEX.MF.MG.MH.MHL.MK.MKD.ML.MLI.MLT.MM.MMR.MN.MNE.MNG.MNP.MO.MOZ.MP.MQ.MR.MRT.MS.MSR.MT.MTQ.MU.MUS.MV.MW.MWI.MX.MY.MYS.MZ.NA.NAM.NC.NCL.NE.NER.NF.NFK.NG.NGA.NI.NIC.NIU.NL.NLD.NO.NOR.NP.NPL.NR.NRU.NU.NZ.NZL.OM.OMN.PA.PAK.PAN.PCN.PE.PER.PF.PG.PH.PHL.PK.PL.PLW.PM.PN.PNG.POL.PR.PRI.PRK.PRT.PRY.PS.PSE.PT.PW.PY.PYF.QA.QAT.RAINBOW.RE.REU.RO.ROU.RS.RU.RUS.RW.RWA.SA.SAU.SB.SC.SD.SDN.SE.SEN.SG.SGP.SGS.SH.SHN.SI.SJ.SJM.SK.SL.SLB.SLE.SLV.SM.SMR.SN.SO.SOM.SPM.SR.SRB.SS.SSD.ST.STP.SUR.SV.SVK.SVN.SWE.SWZ.SX.SXM.SY.SYC.SYR.SZ.TC.TCA.TCD.TD.TF.TG.TGO.TH.THA.TJ.TJK.TK.TKL.TKM.TL.TLS.TM.TN.TO.TON.TR.TT.TTO.TUN.TUR.TUV.TV.TW.TWN.TZ.TZA.UA.UG.UGA.UKR.UM.UMI.UNASUR.URY.US.USA.UY.UZ.UZB.VA.VAT.VC.VCT.VE.VEN.VG.VGB.VI.VIR.VN.VNM.VU.VUT.WF.WLF.WS.WSM.YE.YEM.ZA.ZAF.ZM.ZMB.ZW.ZWE`.split(`.`);function c(e){return s.includes(e)}export{o as Flag,s as countryCodes,c as isCountryCode};
+import{t as e}from"./cx-IiQEAKf5.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(``,{variants:{size:{s:`rounded-[0.0625rem]`,m:`rounded-[0.09375rem]`,l:`rounded-xs`}}}),a=r(``,{variants:{size:{s:`w-4 h-3`,m:`w-5 h-3.75`,l:`w-8 h-6`}}});function o({className:r,code:o,size:s=`l`,loading:c=`lazy`,...l}){let u=i({size:s});return n(`div`,{"data-slot":`flag`,className:e(`flag relative overflow-hidden`,u,a({size:s}),r),...l,children:[t(`div`,{"aria-hidden":!0,className:e(`absolute inset-0 border border-[#000]/10`,u)}),t(`img`,{className:`h-full w-full block object-cover`,src:`https://assets.ngrok.com/flags/${s}/${o}.svg`,alt:`flag for ${o}`,loading:c})]})}o.displayName=`Flag`;const s=`004.008.010.016.016.020.024.028.031.032.040.044.048.050.051.052.056.060.064.068.070.072.074.076.084.086.090.092.096.100.104.108.112.116.120.124.132.136.140.144.148.152.156.158.162.166.170.174.178.180.184.188.191.192.196.203.204.208.212.214.218.222.226.231.232.233.234.238.239.242.246.248.250.254.258.260.262.266.268.270.275.276.288.292.296.300.304.308.312.316.320.324.328.332.334.336.340.344.348.352.356.360.364.368.372.376.380.384.388.392.398.400.404.408.410.414.417.418.422.426.428.430.434.438.440.442.446.450.454.458.462.466.470.474.478.480.484.492.496.498.499.500.504.508.512.516.520.524.528.531.533.534.540.548.554.558.562.566.570.574.578.580.581.583.584.585.586.591.598.600.604.608.612.616.620.624.626.630.634.638.642.643.646.652.654.659.660.662.663.666.670.674.678.682.686.688.690.694.702.703.704.705.706.710.716.724.728.729.732.740.744.748.752.756.760.762.764.768.772.776.780.784.788.792.795.796.798.800.804.807.818.831.832.833.834.836.840.850.854.858.860.862.876.882.887.894.ABW.AD.AE.AF.AFG.AFRUN.AG.AGO.AI.AIA.AL.ALA.ALB.AM.AMS.AND.AO.AQ.AR.ARE.ARG.ARM.AS.ASM.AT.ATA.ATF.ATG.AU.AUS.AUT.AW.AX.AZ.AZE.BA.BB.BD.BDI.BE.BEL.BEN.BF.BFA.BG.BGD.BGR.BH.BHR.BHS.BI.BIH.BJ.BL.BLM.BLR.BLZ.BM.BMU.BN.BO.BOL.BQ-BO.BQ-SA.BQ-SE.BR.BRA.BRB.BRN.BS.BT.BTN.BV.BVT.BW.BWA.BY.BZ.CA.CAF.CAN.CC.CCK.CD.CF.CG.CH.CHE.CHL.CHN.CI.CIV.CK.CL.CM.CMR.CN.CO.COD.COG.COK.COL.COM.CPV.CR.CRI.CU.CUB.CUW.CV.CW.CX.CXR.CY.CYM.CYP.CZ.CZE.DE.DEU.DJ.DJI.DK.DM.DMA.DNK.DO.DOM.EC.ECU.EE.EG.EGY.EH.ER.ERI.ES.ESH.ESP.EST.ET.ETH.EU.FI.FIN.FJ.FJI.FK.FLK.FM.FO.FR.FRA.FRO.FSM.GA.GAB.GB-ENG.GB-NIR.GB-SCT.GB-UKM.GB-WLS.GB.GBR.GD.GE.GEO.GF.GG.GGY.GH.GHA.GI.GIB.GIN.GL.GLP.GM.GMB.GN.GNB.GNQ.GP.GQ.GR.GRC.GRD.GRL.GS.GT.GTM.GU.GUF.GUM.GUY.GW.GY.HK.HKG.HM.HMD.HN.HND.HR.HRV.HT.HTI.HU.HUN.ID.IDN.IE.IL.IM.IMN.IN.IND.IO.IOT.IQ.IR.IRL.IRN.IRQ.IS.ISL.ISR.IT.ITA.JAM.JE.JEY.JM.JO.JOR.JP.JPN.KAZ.KE.KEN.KG.KGZ.KH.KHM.KI.KIR.KM.KN-SK.KNA.KOR.KP.KR.KW.KWT.KY.KZ.LA.LAO.LB.LBN.LBR.LBY.LC.LCA.LI.LIE.LK.LKA.LR.LS.LSO.LT.LTU.LU.LUX.LV.LVA.LY.MA.MAC.MAF.MAR.MC.MCO.MD.MDA.MDG.MDV.ME.MEX.MF.MG.MH.MHL.MK.MKD.ML.MLI.MLT.MM.MMR.MN.MNE.MNG.MNP.MO.MOZ.MP.MQ.MR.MRT.MS.MSR.MT.MTQ.MU.MUS.MV.MW.MWI.MX.MY.MYS.MZ.NA.NAM.NC.NCL.NE.NER.NF.NFK.NG.NGA.NI.NIC.NIU.NL.NLD.NO.NOR.NP.NPL.NR.NRU.NU.NZ.NZL.OM.OMN.PA.PAK.PAN.PCN.PE.PER.PF.PG.PH.PHL.PK.PL.PLW.PM.PN.PNG.POL.PR.PRI.PRK.PRT.PRY.PS.PSE.PT.PW.PY.PYF.QA.QAT.RAINBOW.RE.REU.RO.ROU.RS.RU.RUS.RW.RWA.SA.SAU.SB.SC.SD.SDN.SE.SEN.SG.SGP.SGS.SH.SHN.SI.SJ.SJM.SK.SL.SLB.SLE.SLV.SM.SMR.SN.SO.SOM.SPM.SR.SRB.SS.SSD.ST.STP.SUR.SV.SVK.SVN.SWE.SWZ.SX.SXM.SY.SYC.SYR.SZ.TC.TCA.TCD.TD.TF.TG.TGO.TH.THA.TJ.TJK.TK.TKL.TKM.TL.TLS.TM.TN.TO.TON.TR.TT.TTO.TUN.TUR.TUV.TV.TW.TWN.TZ.TZA.UA.UG.UGA.UKR.UM.UMI.UNASUR.URY.US.USA.UY.UZ.UZB.VA.VAT.VC.VCT.VE.VEN.VG.VGB.VI.VIR.VN.VNM.VU.VUT.WF.WLF.WS.WSM.YE.YEM.ZA.ZAF.ZM.ZMB.ZW.ZWE`.split(`.`);function c(e){return s.includes(e)}export{o as Flag,s as countryCodes,c as isCountryCode};