jsonresume-theme-cjean 1.3.1 → 1.3.3

package/README.md

@@ -1,5 +1,7 @@
 # jsonresume-theme-cjean
 
+[![npm version](https://img.shields.io/npm/v/jsonresume-theme-cjean)](https://www.npmjs.com/package/jsonresume-theme-cjean)
+
 A clean, professional [JSON Resume](https://jsonresume.org/) theme built with Tailwind CSS and TypeScript.
 
 ![Theme Preview](https://i.imgur.com/lWBFRBK.png)
@@ -145,7 +147,7 @@ To add a new locale (e.g., Spanish `es`):
 2.  Add the new translations to the `fr` or `en` model to stay in sync with the `ThemeSpec`.
 3.  Define the new locale resource:
     ```typescript
-    const es = defineTranslations<ThemeSpec>()({
+    const es = defineThemeLocale({
       work_experience: "Experiencia laboral",
       // ... copy and translate all keys
     });

package/dist/components/Banner.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface BannerProps extends HTMLAttributes {
+    name: string;
+    label?: string;
+}
+export default function Banner({ name, label, children, ...props }: BannerProps): import("@cjean-fr/jsx-string").JSX.Element;
+export {};

package/dist/components/DateTime.d.ts

@@ -0,0 +1,8 @@
+import { dateFormatter } from '../lib/i18n.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+export interface DateTimeProps extends HTMLAttributes {
+    date: Date | string;
+    format?: Parameters<typeof dateFormatter.format>[1];
+    children?: any;
+}
+export default function DateTime({ date, format, children, ...props }: DateTimeProps): import("@cjean-fr/jsx-string").JSX.Element;

package/dist/components/Education.d.ts

@@ -0,0 +1,8 @@
+import { Resume } from '../schema.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface EducationProps extends HTMLAttributes {
+    education: Resume["education"];
+    certificates: Resume["certificates"];
+}
+export default function Education({ education, certificates }: EducationProps): import("@cjean-fr/jsx-string").JSX.Element | null;
+export {};

package/dist/components/FloatingButton.d.ts

@@ -0,0 +1,40 @@
+import { getIcon } from './Icons.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface FloatingButtonProps extends HTMLAttributes {
+    text: string;
+    url: string;
+    icon?: Parameters<typeof getIcon>[0];
+    id?: string;
+}
+/**
+ * Floating CTA that expands/collapses like a drawer: the icon stays put
+ * while the label slides in/out, fading at the same time.
+ *
+ * The width animation relies on a single-column CSS grid track going from
+ * `0fr` (closed) to `1fr` (open): the browser interpolates towards the
+ * *intrinsic* width of the label, so the declared duration/easing apply
+ * exactly for any text length — no `max-width` magic number, no dead time.
+ *
+ * Expansion is driven by the `fab-open` / `group-fab-open` custom variants
+ * (defined in styles/tailwind.input.css): pointer hover, keyboard focus
+ * (`:focus-visible`), or the `fab--extended` class toggled on scroll
+ * direction by `initFloatingButton`.
+ * While extended, the button's right padding grows (`px-4` → `pr-6`) to
+ * balance the label, animated over the same 300ms as the drawer; the hover
+ * background keeps its snappier 150ms via per-property durations.
+ */
+declare const _default: ({ text, url, icon, id, ...props }: FloatingButtonProps) => import("@cjean-fr/jsx-string").JSX.Element;
+export default _default;
+/**
+ * Toggles `fab--extended` based on scroll direction: collapsed when
+ * scrolling down, re-extended when scrolling up, with a small threshold to
+ * ignore jitter. No-op when the user prefers reduced motion: global CSS
+ * already neutralises the transitions, so direction-driven toggling would
+ * make the label flash on every change of direction — the FAB stays
+ * extended instead.
+ *
+ * Note: this function is inlined into the page via `toString()` (see the
+ * <script> above), so keep it self-contained — and keep comments out of its
+ * body, they would ship with the HTML.
+ */
+export declare const initFloatingButton: (id: string) => void;

package/dist/components/Footer.d.ts

@@ -0,0 +1,8 @@
+import { Resume } from '../schema.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface FooterProps extends HTMLAttributes {
+    meta: Resume["meta"];
+    bgTiles: string;
+}
+export default function Footer({ meta, bgTiles, ...props }: FooterProps): import("@cjean-fr/jsx-string").JSX.Element;
+export {};

package/dist/components/Header.d.ts

@@ -0,0 +1,4 @@
+declare const _default: ({ bgTiles }: {
+    bgTiles: string;
+}) => import("@cjean-fr/jsx-string").JSX.Element;
+export default _default;

package/dist/components/Icons.d.ts

@@ -0,0 +1,11 @@
+type IconifyIconName = `${string}:${string}`;
+type IconifyAPIOptions = {
+    height?: number | "auto" | "unset" | "none";
+    width?: number | "auto" | "unset" | "none";
+    rotate?: 1 | 2 | 3 | "90deg" | "180deg" | "270deg";
+    flip?: "horizontal" | "vertical";
+    color?: string;
+};
+export declare const fetchIcon: (name: IconifyIconName, options?: IconifyAPIOptions) => Promise<string>;
+export declare const getIcon: (name: string, size?: number, ariaHidden?: boolean) => Promise<import('@cjean-fr/jsx-string').RawString>;
+export {};

package/dist/components/Layout.d.ts

@@ -0,0 +1,8 @@
+import { Resume } from '../schema.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface LayoutProps extends HTMLAttributes {
+    resume: Resume;
+    css: string;
+}
+declare const _default: ({ resume, css, ...props }: LayoutProps) => Promise<import('@cjean-fr/jsx-string').RawString>;
+export default _default;

package/dist/components/Links.d.ts

@@ -0,0 +1,5 @@
+import { Resume } from '../schema.js';
+export default function Links({ basics, list, }: {
+    basics: Resume["basics"];
+    list: Resume["meta"]["themeConfig"]["ui"]["links"];
+}): import("@cjean-fr/jsx-string").JSX.Element;

package/dist/components/Period.d.ts

@@ -0,0 +1,9 @@
+import { DateTimeProps } from './DateTime.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface PeriodProps extends HTMLAttributes {
+    startDate?: string | Date;
+    endDate?: string | Date;
+    format?: DateTimeProps["format"];
+}
+export default function Period({ startDate, endDate, format, ...props }: PeriodProps): import("@cjean-fr/jsx-string").JSX.Element | null;
+export {};

package/dist/components/ProfilePageJsonLd.d.ts

@@ -0,0 +1,4 @@
+import { Resume } from '../schema.js';
+export declare function ProfilePageJsonLd({ resume }: {
+    resume: Resume;
+}): import("@cjean-fr/jsx-string").JSX.Element;

package/dist/components/Projects.d.ts

@@ -0,0 +1,7 @@
+import { Resume } from '../schema.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface ProjectsProps extends HTMLAttributes {
+    projects: Resume["projects"];
+}
+export default function Projects({ projects }: ProjectsProps): import("@cjean-fr/jsx-string").JSX.Element | null;
+export {};

package/dist/components/SEO.d.ts

@@ -0,0 +1,29 @@
+import { Resume } from '../schema.js';
+export default function SEO({ resume }: {
+    resume: Resume;
+}): Promise<import('@cjean-fr/jsx-string').RawString>;
+export declare function splitName(name: string): {
+    firstNameSlice: string | undefined;
+    lastNameSlice: string;
+};
+export declare function Base({ title, description, canonical, robots, favicon, }: {
+    title: string;
+    description?: string;
+    canonical?: string;
+    robots?: string;
+    favicon?: string;
+}): Promise<import('@cjean-fr/jsx-string').RawString>;
+export declare function OpenGraph({ title, description, url, image, firstName, lastName, }: {
+    title: string;
+    description?: string;
+    url?: string;
+    image?: string;
+    firstName?: string;
+    lastName?: string;
+}): import("@cjean-fr/jsx-string").JSX.Element;
+export declare function Twitter({ title, description, url, image, }: {
+    title: string;
+    description?: string;
+    url?: string;
+    image?: string;
+}): import("@cjean-fr/jsx-string").JSX.Element;

package/dist/components/Section.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface SectionProps extends HTMLAttributes {
+    name?: string;
+}
+export default function Section({ name, children, ...props }: SectionProps): import("@cjean-fr/jsx-string").JSX.Element;
+export {};

package/dist/components/Skills.d.ts

@@ -0,0 +1,7 @@
+import { Resume } from '../schema.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface SkillsProps extends HTMLAttributes {
+    skills: Resume["skills"];
+}
+export default function Skills({ skills, ...props }: SkillsProps): import("@cjean-fr/jsx-string").JSX.Element | null;
+export {};

package/dist/components/StructuredData.d.ts

@@ -0,0 +1,3 @@
+export declare function StructuredData({ json }: {
+    json: unknown;
+}): import("@cjean-fr/jsx-string").JSX.Element;

package/dist/components/WorkExperience.d.ts

@@ -0,0 +1,8 @@
+import { Resume } from '../schema.js';
+import { HTMLAttributes } from '@cjean-fr/jsx-string';
+interface WorkExperienceProps extends HTMLAttributes {
+    works: Resume["work"];
+    showLogos?: boolean;
+}
+export default function WorkExperience({ works, showLogos, }: WorkExperienceProps): import("@cjean-fr/jsx-string").JSX.Element | null;
+export {};