@ugurdemirel/landcraft 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -42,6 +42,8 @@ export declare const BlogCard: ForwardRefExoticComponent<BlogCardProps & RefAttr
 export declare interface BlogCardProps extends HTMLAttributes<HTMLAnchorElement> {
     post: BlogPost;
     option?: "card" | "row";
+    /** Component used to render the card link. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
+    LinkComponent?: ElementType;
 }
 
 export declare interface BlogPost {
@@ -72,6 +74,8 @@ export declare interface BlogSectionProps extends Omit<HTMLAttributes<HTMLElemen
     description?: ReactNode;
     showAllLabel?: string;
     showAllHref?: string;
+    /** Component used to render the "show all" link and post cards. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
+    LinkComponent?: ElementType;
 }
 
 export declare const Box: (props: IconProps) => JSX_2.Element;
@@ -86,6 +90,13 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
     /** Paints the button with an arbitrary CSS color; text color is computed for contrast. */
     customColor?: string;
     fullWidth?: boolean;
+    /**
+     * When `true`, the button styling is applied to a single child element
+     * instead of a `<button>`. Use it to render a framework router `<Link>`
+     * (Next.js, Remix, React Router…). `iconLeft` / `iconRight` are ignored;
+     * pass icons inside the child instead.
+     */
+    asChild?: boolean;
 }
 
 export declare type ButtonSize = "sm" | "md" | "lg";
@@ -236,7 +247,7 @@ export declare interface FeatureItem {
 }
 
 export declare const Footer: {
-    ({ className, brand, description, columns, socials, bottom, option, badge, ...props }: FooterProps): JSX_2.Element;
+    ({ className, brand, logo, logoSrc, logoAlt, logoClassName, description, columns, socials, bottom, languageSwitcher, option, badge, LinkComponent, ...props }: FooterProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -252,12 +263,23 @@ export declare interface FooterLink {
 
 export declare interface FooterProps extends HTMLAttributes<HTMLElement> {
     brand?: ReactNode;
+    /** Custom logo node (component, <img>, inline SVG…). Replaces the wordmark. */
+    logo?: ReactNode;
+    /** Quick logo image source. */
+    logoSrc?: string;
+    logoAlt?: string;
+    /** Size / position tuning for logo images. Defaults to `h-7 w-auto`. */
+    logoClassName?: string;
     description?: string;
     columns: FooterColumn[];
     socials?: ReactNode;
     bottom?: ReactNode;
+    /** Optional language switcher rendered in the footer's bottom bar. */
+    languageSwitcher?: ReactNode;
     option?: "classic" | "minimal" | "editorial";
     badge?: ReactNode;
+    /** Component used to render footer links. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
+    LinkComponent?: ElementType;
 }
 
 export declare const Gauge: (props: IconProps) => JSX_2.Element;
@@ -301,6 +323,43 @@ export declare interface HeroProps extends Omit<HTMLAttributes<HTMLElement>, "ti
  */
 declare type IconProps = SVGProps<SVGSVGElement>;
 
+export declare function iso2ToFlagEmoji(code: string): string;
+
+export declare interface LanguageOption {
+    /** Language code (ISO 3166-1 alpha-2, e.g. `"tr"`) — this is the value passed to `onChange` and the flag source. */
+    code: string;
+    /** Native display name, e.g. `"Türkçe"`. */
+    label: string;
+}
+
+export declare const LanguageSwitcher: {
+    ({ className, languages, option, value, defaultValue, onChange, align, modalTitle, showFlag, inverse, ...props }: LanguageSwitcherProps): JSX_2.Element | null;
+    displayName: string;
+};
+
+export declare type LanguageSwitcherOption = "dropdown" | "modal";
+
+export declare interface LanguageSwitcherProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** `dropdown` opens the anchored menu; `modal` opens a full dialog via the Modal component. */
+    option?: LanguageSwitcherOption;
+    /** Languages to switch between. Required — no built-in default language list. */
+    languages: LanguageOption[];
+    /** Controlled current language code. */
+    value?: string;
+    /** Uncontrolled initial language code. Defaults to the first language. */
+    defaultValue?: string;
+    /** Called with the selected language code. */
+    onChange?: (code: string) => void;
+    /** Dropdown menu alignment relative to its trigger. Defaults to `end`. */
+    align?: "start" | "end";
+    /** Heading rendered inside the `modal` option. Optional — pass it to show a title. */
+    modalTitle?: ReactNode;
+    /** Replace the globe icon with the selected language's flag emoji (and show flags in options). */
+    showFlag?: boolean;
+    /** Adapts colors for dark surfaces (inverse Navbar, classic Footer). */
+    inverse?: boolean;
+}
+
 export declare const Layers: (props: IconProps) => JSX_2.Element;
 
 declare const Lock_2: (props: IconProps) => JSX_2.Element;
@@ -324,7 +383,7 @@ export declare interface LogoItem {
 export declare const Mail: (props: IconProps) => JSX_2.Element;
 
 export declare const MegaMenu: {
-    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, items, actions, cta, sticky, onKeyDown, ...props }: MegaMenuProps): JSX_2.Element;
+    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, items, actions, cta, sticky, LinkComponent, onKeyDown, ...props }: MegaMenuProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -375,12 +434,36 @@ export declare interface MegaMenuProps extends Omit<HTMLAttributes<HTMLElement>,
     actions?: ReactNode;
     cta?: ReactNode;
     sticky?: boolean;
+    /** Component used to render brand, trigger and panel links. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
+    LinkComponent?: ElementType;
 }
 
 export declare const Menu: (props: IconProps) => JSX_2.Element;
 
+/**
+ * Accessible dialog built on the HTML Popover API.
+ *
+ * `popover="auto"` renders in the top layer and gives light-dismiss (outside
+ * click + `Escape`), automatic focus movement and restoration for free, so no
+ * portal, focus trap or key handlers are needed. State stays controlled via
+ * `open` / `onClose`.
+ */
+export declare const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    open: boolean;
+    onClose: () => void;
+    /** Dialog heading (required for a11y; auto-linked via `aria-labelledby`). */
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Rendered below the content, e.g. actions. */
+    footer?: ReactNode;
+    /** Content width. Defaults to `md`. */
+    size?: "sm" | "md" | "lg";
+}
+
 export declare const Navbar: {
-    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, links, actions, cta, sticky, ...props }: NavbarProps): JSX_2.Element;
+    ({ className, variant, brand, logo, logoSrc, logoAlt, logoClassName, brandHref, links, actions, cta, languageSwitcher, sticky, LinkComponent, ...props }: NavbarProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -398,8 +481,12 @@ export declare interface NavbarProps extends Omit<HTMLAttributes<HTMLElement>, "
     brandHref?: string;
     links: NavLink[];
     actions?: ReactNode;
-    sticky?: boolean;
     cta?: ReactNode;
+    /** Optional language switcher rendered on the right (desktop) and beside the menu button (mobile). */
+    languageSwitcher?: ReactNode;
+    sticky?: boolean;
+    /** Component used to render the brand and nav links. Defaults to `<a>`. Pass your router's `<Link>` (Next.js, Remix, React Router…) for framework-aware navigation. */
+    LinkComponent?: ElementType;
 }
 
 export declare interface NavLink {
@@ -506,6 +593,17 @@ export declare const ShieldCheck: (props: IconProps) => JSX_2.Element;
 
 export declare const Sliders: (props: IconProps) => JSX_2.Element;
 
+/**
+ * Merges its props onto a single child element instead of rendering its own
+ * DOM node. Used with the `asChild` prop so consumers can render a framework
+ * router `<Link>` (Next.js, Remix, React Router…) with a component's styling.
+ */
+export declare const Slot: ForwardRefExoticComponent<SlotProps & RefAttributes<HTMLElement>>;
+
+export declare interface SlotProps extends Omit<HTMLAttributes<HTMLElement>, "ref"> {
+    children?: ReactNode;
+}
+
 export declare const Smartphone: (props: IconProps) => JSX_2.Element;
 
 /** Vertical (or horizontal) rhythm helper using flex gaps. */