@akira-io/ui 1.3.1 → 2.1.0

package/dist/chunk-BR3JI3KN.js

@@ -0,0 +1,458 @@
+import {
+  Alert,
+  AlertDescription,
+  Checkbox,
+  Field,
+  FieldControl,
+  FieldLabel,
+  PasswordInput
+} from "./chunk-BH3B26DK.js";
+import {
+  useUiLabels
+} from "./chunk-OS7YY5R4.js";
+import {
+  Label
+} from "./chunk-BP2YDMMI.js";
+import {
+  resolveLink
+} from "./chunk-L2H5GIF7.js";
+import {
+  Input
+} from "./chunk-53V4J7MC.js";
+import {
+  Button,
+  cn
+} from "./chunk-PPWJK5T3.js";
+
+// src/blocks/login-form/types.ts
+var loginFormLabels = {
+  emailLabel: "Email address",
+  emailPlaceholder: "email@example.com",
+  passwordLabel: "Password",
+  passwordPlaceholder: "Password",
+  forgotPasswordLabel: "Forgot your password?",
+  rememberLabel: "Remember me",
+  submitLabel: "Log in",
+  submittingLabel: "Signing in"
+};
+function fieldError(errors, field) {
+  const value = errors[field];
+  if (!value) {
+    return void 0;
+  }
+  const messages = Array.isArray(value) ? value : [value];
+  return messages.find(
+    (message) => typeof message === "string" && message.length > 0
+  );
+}
+
+// src/blocks/login-form/context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var LoginFormContext = createContext({
+  errors: {},
+  processing: false
+});
+function useLoginFormContext() {
+  const context = useContext(LoginFormContext);
+  const labels = useUiLabels("loginForm", loginFormLabels, context.labels);
+  return { ...context, labels };
+}
+function LoginFormProvider({
+  errors = {},
+  processing = false,
+  linkComponent,
+  labels,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    LoginFormContext.Provider,
+    {
+      value: {
+        errors,
+        processing,
+        linkComponent,
+        labels
+      },
+      children
+    }
+  );
+}
+
+// src/blocks/login-form/parts.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function LoginFormRoot({
+  errors,
+  processing,
+  linkComponent,
+  labels,
+  children,
+  className,
+  slotName = "login-form"
+}) {
+  return /* @__PURE__ */ jsx2(
+    LoginFormProvider,
+    {
+      errors,
+      processing,
+      linkComponent,
+      labels,
+      children: /* @__PURE__ */ jsx2("div", { "data-slot": slotName, className: cn("gap-6 grid", className), children })
+    }
+  );
+}
+function LoginFormStatus({
+  message,
+  slotName = "login-form-status"
+}) {
+  if (!message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2(Alert, { slotName, children: /* @__PURE__ */ jsx2(AlertDescription, { children: message }) });
+}
+function LoginFormEmail({
+  id = "email",
+  name = "email",
+  label,
+  placeholder,
+  error,
+  tabIndex,
+  autoFocus = true,
+  required = true,
+  slotName = "login-form-email"
+}) {
+  const { errors, labels } = useLoginFormContext();
+  const message = error ?? fieldError(errors, name);
+  return /* @__PURE__ */ jsxs(Field, { id, error: message, required, slotName, children: [
+    /* @__PURE__ */ jsx2(FieldLabel, { children: label ?? labels.emailLabel }),
+    /* @__PURE__ */ jsx2(FieldControl, { children: /* @__PURE__ */ jsx2(
+      Input,
+      {
+        name,
+        type: "email",
+        required,
+        autoFocus,
+        autoComplete: "email",
+        tabIndex,
+        placeholder: placeholder ?? labels.emailPlaceholder
+      }
+    ) })
+  ] });
+}
+function LoginFormPassword({
+  id = "password",
+  name = "password",
+  label,
+  placeholder,
+  error,
+  tabIndex,
+  autoFocus = false,
+  required = true,
+  forgotPasswordHref,
+  forgotPasswordLabel,
+  linkComponent,
+  slotName = "login-form-password"
+}) {
+  const context = useLoginFormContext();
+  const message = error ?? fieldError(context.errors, name);
+  const Link = resolveLink(linkComponent ?? context.linkComponent);
+  return /* @__PURE__ */ jsxs(Field, { id, error: message, required, slotName, children: [
+    /* @__PURE__ */ jsx2(FieldLabel, { children: label ?? context.labels.passwordLabel }),
+    /* @__PURE__ */ jsx2(FieldControl, { children: /* @__PURE__ */ jsx2(
+      PasswordInput,
+      {
+        name,
+        required,
+        autoFocus,
+        autoComplete: "current-password",
+        tabIndex,
+        placeholder: placeholder ?? context.labels.passwordPlaceholder
+      }
+    ) }),
+    forgotPasswordHref && /* @__PURE__ */ jsx2(
+      Link,
+      {
+        href: forgotPasswordHref,
+        className: "mr-1 text-xs font-medium self-end text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+        children: forgotPasswordLabel ?? context.labels.forgotPasswordLabel
+      }
+    )
+  ] });
+}
+function LoginFormRemember({
+  id = "remember",
+  name = "remember",
+  label,
+  tabIndex,
+  slotName = "login-form-remember"
+}) {
+  const { labels } = useLoginFormContext();
+  return /* @__PURE__ */ jsxs("div", { "data-slot": slotName, className: "gap-3 flex items-center", children: [
+    /* @__PURE__ */ jsx2(Checkbox, { id, name, tabIndex }),
+    /* @__PURE__ */ jsx2(Label, { htmlFor: id, children: label ?? labels.rememberLabel })
+  ] });
+}
+function LoginFormSubmit({
+  label,
+  submittingLabel,
+  processing,
+  tabIndex,
+  slotName = "login-form-submit"
+}) {
+  const context = useLoginFormContext();
+  const pending = processing ?? context.processing;
+  const pendingLabel = submittingLabel ?? context.labels.submittingLabel;
+  return /* @__PURE__ */ jsx2(
+    Button,
+    {
+      slotName,
+      type: "submit",
+      className: "w-full",
+      tabIndex,
+      "aria-label": pending ? pendingLabel : void 0,
+      loading: pending,
+      loadingLabel: pendingLabel,
+      children: pending ? pendingLabel : label ?? context.labels.submitLabel
+    }
+  );
+}
+
+// src/blocks/login-form/preset.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function LoginFormPreset({
+  errors,
+  processing,
+  linkComponent,
+  labels,
+  status,
+  forgotPasswordHref,
+  className,
+  slotName = "login-form"
+}) {
+  return /* @__PURE__ */ jsxs2(
+    LoginFormRoot,
+    {
+      errors,
+      processing,
+      linkComponent,
+      labels,
+      className,
+      slotName,
+      children: [
+        /* @__PURE__ */ jsx3(LoginFormStatus, { message: status }),
+        /* @__PURE__ */ jsx3(LoginFormEmail, {}),
+        /* @__PURE__ */ jsx3(LoginFormPassword, { forgotPasswordHref }),
+        /* @__PURE__ */ jsx3(LoginFormRemember, {}),
+        /* @__PURE__ */ jsx3(LoginFormSubmit, {})
+      ]
+    }
+  );
+}
+
+// src/blocks/login-form/index.ts
+var LoginForm = {
+  Root: LoginFormRoot,
+  Status: LoginFormStatus,
+  Email: LoginFormEmail,
+  Password: LoginFormPassword,
+  Remember: LoginFormRemember,
+  Submit: LoginFormSubmit
+};
+
+// src/blocks/tour/gate.ts
+function stepsForBreakpoint(steps, breakpoint) {
+  return steps.filter(
+    (step) => !step.breakpoints || step.breakpoints.includes(breakpoint)
+  );
+}
+function resolveSteps(steps, isPresent) {
+  return steps.filter((step) => isPresent(step.target));
+}
+function shouldStartTour(input) {
+  if (input.resolvedStepCount === 0) {
+    return false;
+  }
+  if (input.force) {
+    return true;
+  }
+  return input.definition.version > (input.seen[input.definition.id] ?? 0);
+}
+
+// src/blocks/tour/types.ts
+var DEFAULT_TOUR_LABELS = {
+  next: "Next",
+  previous: "Previous",
+  done: "Done",
+  progress: "{{current}} of {{total}}"
+};
+
+// src/blocks/tour/tour.tsx
+import { driver } from "driver.js";
+import {
+  createContext as createContext2,
+  useCallback,
+  useContext as useContext2,
+  useEffect,
+  useMemo,
+  useRef
+} from "react";
+import "driver.js/dist/driver.css";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var TourContext = createContext2(null);
+var MOBILE_BREAKPOINT = 768;
+var WAIT_FOR_TARGET = 4e3;
+function currentBreakpoint() {
+  return window.innerWidth < MOBILE_BREAKPOINT ? "mobile" : "desktop";
+}
+function outcomeOf(instance, highlighted) {
+  if (!highlighted) {
+    return "dismissed";
+  }
+  return instance.hasNextStep() ? "skipped" : "completed";
+}
+function TourProvider({
+  children,
+  seen,
+  onProgress,
+  labels
+}) {
+  const seenRef = useRef(seen);
+  seenRef.current = seen;
+  const onProgressRef = useRef(onProgress);
+  onProgressRef.current = onProgress;
+  const driverRef = useRef(null);
+  const activeRef = useRef(null);
+  const { next, previous, done, progress } = useUiLabels(
+    "tour",
+    DEFAULT_TOUR_LABELS,
+    labels
+  );
+  const report = useCallback((outcome) => {
+    const active = activeRef.current;
+    if (!active) {
+      return;
+    }
+    activeRef.current = null;
+    onProgressRef.current({
+      tour: active.definition.id,
+      version: active.definition.version,
+      lastStep: active.lastStep,
+      outcome
+    });
+  }, []);
+  const startTour = useCallback(
+    (definition, options) => {
+      const alreadyRunning = activeRef.current?.definition.id === definition.id;
+      if (alreadyRunning && !options?.force) {
+        return;
+      }
+      const steps = stepsForBreakpoint(
+        definition.steps,
+        currentBreakpoint()
+      );
+      const allowed = shouldStartTour({
+        definition,
+        seen: seenRef.current,
+        resolvedStepCount: steps.length,
+        force: options?.force
+      });
+      if (!allowed) {
+        return;
+      }
+      driverRef.current?.destroy();
+      activeRef.current = { definition, lastStep: 0, highlighted: false };
+      const instance = driver({
+        showProgress: true,
+        progressText: progress,
+        nextBtnText: next,
+        prevBtnText: previous,
+        doneBtnText: done,
+        popoverClass: "akira-tour",
+        waitForElement: WAIT_FOR_TARGET,
+        skipMissingElement: true,
+        steps: steps.map((step) => ({
+          element: step.target,
+          popover: {
+            title: step.title,
+            description: step.description
+          }
+        })),
+        onHighlightStarted: () => {
+          if (activeRef.current) {
+            activeRef.current.lastStep = instance.getActiveIndex() ?? 0;
+            activeRef.current.highlighted = true;
+          }
+        },
+        onDestroyStarted: () => {
+          report(
+            outcomeOf(
+              instance,
+              activeRef.current?.highlighted ?? false
+            )
+          );
+          instance.destroy();
+        }
+      });
+      driverRef.current = instance;
+      instance.drive();
+    },
+    [report, next, previous, done, progress]
+  );
+  useEffect(
+    () => () => {
+      report("dismissed");
+      driverRef.current?.destroy();
+      driverRef.current = null;
+    },
+    [report]
+  );
+  const value = useMemo(() => ({ startTour }), [startTour]);
+  return /* @__PURE__ */ jsx4(TourContext.Provider, { value, children });
+}
+function useTourController() {
+  const context = useContext2(TourContext);
+  if (!context) {
+    throw new Error(
+      "useTourController must be used inside a TourProvider."
+    );
+  }
+  return context;
+}
+function useTour(definition, options) {
+  const { startTour } = useTourController();
+  const enabled = options?.enabled ?? true;
+  const definitionRef = useRef(definition);
+  definitionRef.current = definition;
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const frame = window.requestAnimationFrame(
+      () => startTour(definitionRef.current)
+    );
+    return () => window.cancelAnimationFrame(frame);
+  }, [definition.id, definition.version, enabled, startTour]);
+  return { restart: () => startTour(definitionRef.current, { force: true }) };
+}
+
+export {
+  loginFormLabels,
+  useLoginFormContext,
+  LoginFormProvider,
+  LoginFormRoot,
+  LoginFormStatus,
+  LoginFormEmail,
+  LoginFormPassword,
+  LoginFormRemember,
+  LoginFormSubmit,
+  LoginFormPreset,
+  LoginForm,
+  stepsForBreakpoint,
+  resolveSteps,
+  shouldStartTour,
+  DEFAULT_TOUR_LABELS,
+  TourProvider,
+  useTourController,
+  useTour
+};
+//# sourceMappingURL=chunk-BR3JI3KN.js.map

package/dist/chunk-BR3JI3KN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/login-form/types.ts","../src/blocks/login-form/context.tsx","../src/blocks/login-form/parts.tsx","../src/blocks/login-form/preset.tsx","../src/blocks/login-form/index.ts","../src/blocks/tour/gate.ts","../src/blocks/tour/types.ts","../src/blocks/tour/tour.tsx"],"sourcesContent":["export interface LoginFormLabels {\n    emailLabel: string;\n    emailPlaceholder: string;\n    passwordLabel: string;\n    passwordPlaceholder: string;\n    forgotPasswordLabel: string;\n    rememberLabel: string;\n    submitLabel: string;\n    submittingLabel: string;\n}\n\nexport const loginFormLabels: LoginFormLabels = {\n    emailLabel: 'Email address',\n    emailPlaceholder: 'email@example.com',\n    passwordLabel: 'Password',\n    passwordPlaceholder: 'Password',\n    forgotPasswordLabel: 'Forgot your password?',\n    rememberLabel: 'Remember me',\n    submitLabel: 'Log in',\n    submittingLabel: 'Signing in',\n};\n\nexport type LoginFormErrors = Record<string, string | string[] | undefined>;\n\nexport function fieldError(\n    errors: LoginFormErrors,\n    field: string,\n): string | undefined {\n    const value = errors[field];\n\n    if (!value) {\n        return undefined;\n    }\n\n    const messages = Array.isArray(value) ? value : [value];\n\n    return messages.find(\n        (message) => typeof message === 'string' && message.length > 0,\n    );\n}\n","import {\n    loginFormLabels,\n    type LoginFormErrors,\n    type LoginFormLabels,\n} from '@/blocks/login-form/types';\nimport { useUiLabels } from '@/locales/context';\nimport type { LinkComponent } from '@/types';\nimport { createContext, useContext, type ReactNode } from 'react';\n\nexport interface LoginFormContextValue {\n    errors: LoginFormErrors;\n    processing: boolean;\n    linkComponent?: LinkComponent;\n    labels?: Partial<LoginFormLabels>;\n}\n\nconst LoginFormContext = createContext<LoginFormContextValue>({\n    errors: {},\n    processing: false,\n});\n\nexport function useLoginFormContext(): LoginFormContextValue & {\n    labels: LoginFormLabels;\n} {\n    const context = useContext(LoginFormContext);\n    const labels = useUiLabels('loginForm', loginFormLabels, context.labels);\n\n    return { ...context, labels };\n}\n\nexport function LoginFormProvider({\n    errors = {},\n    processing = false,\n    linkComponent,\n    labels,\n    children,\n}: {\n    errors?: LoginFormErrors;\n    processing?: boolean;\n    linkComponent?: LinkComponent;\n    labels?: Partial<LoginFormLabels>;\n    children: ReactNode;\n}) {\n    return (\n        <LoginFormContext.Provider\n            value={{\n                errors,\n                processing,\n                linkComponent,\n                labels,\n            }}\n        >\n            {children}\n        </LoginFormContext.Provider>\n    );\n}\n","import {\n    LoginFormProvider,\n    useLoginFormContext,\n} from '@/blocks/login-form/context';\nimport {\n    fieldError,\n    type LoginFormErrors,\n    type LoginFormLabels,\n} from '@/blocks/login-form/types';\nimport { Alert, AlertDescription } from '@/components/ui/alert';\nimport { Button } from '@/components/ui/button';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport { Field, FieldControl, FieldLabel } from '@/components/ui/field';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@/components/ui/label';\nimport { PasswordInput } from '@/components/ui/password-input';\nimport { resolveLink } from '@/lib/href';\nimport { cn } from '@/lib/utils';\nimport type { LinkComponent, SlotNameProps, UrlLike } from '@/types';\nimport type { ReactNode } from 'react';\n\nexport interface LoginFormRootProps {\n    errors?: LoginFormErrors;\n    processing?: boolean;\n    linkComponent?: LinkComponent;\n    labels?: Partial<LoginFormLabels>;\n    children: ReactNode;\n    className?: string;\n}\n\nexport function LoginFormRoot({\n    errors,\n    processing,\n    linkComponent,\n    labels,\n    children,\n    className,\n    slotName = 'login-form',\n}: LoginFormRootProps & SlotNameProps) {\n    return (\n        <LoginFormProvider\n            errors={errors}\n            processing={processing}\n            linkComponent={linkComponent}\n            labels={labels}\n        >\n            <div data-slot={slotName} className={cn('gap-6 grid', className)}>\n                {children}\n            </div>\n        </LoginFormProvider>\n    );\n}\n\nexport interface LoginFormStatusProps {\n    message?: string;\n}\n\nexport function LoginFormStatus({\n    message,\n    slotName = 'login-form-status',\n}: LoginFormStatusProps & SlotNameProps) {\n    if (!message) {\n        return null;\n    }\n\n    return (\n        <Alert slotName={slotName}>\n            <AlertDescription>{message}</AlertDescription>\n        </Alert>\n    );\n}\n\nexport interface LoginFormEmailProps {\n    id?: string;\n    name?: string;\n    label?: string;\n    placeholder?: string;\n    error?: string;\n    tabIndex?: number;\n    autoFocus?: boolean;\n    required?: boolean;\n}\n\nexport function LoginFormEmail({\n    id = 'email',\n    name = 'email',\n    label,\n    placeholder,\n    error,\n    tabIndex,\n    autoFocus = true,\n    required = true,\n    slotName = 'login-form-email',\n}: LoginFormEmailProps & SlotNameProps) {\n    const { errors, labels } = useLoginFormContext();\n    const message = error ?? fieldError(errors, name);\n\n    return (\n        <Field id={id} error={message} required={required} slotName={slotName}>\n            <FieldLabel>{label ?? labels.emailLabel}</FieldLabel>\n            <FieldControl>\n                <Input\n                    name={name}\n                    type=\"email\"\n                    required={required}\n                    autoFocus={autoFocus}\n                    autoComplete=\"email\"\n                    tabIndex={tabIndex}\n                    placeholder={placeholder ?? labels.emailPlaceholder}\n                />\n            </FieldControl>\n        </Field>\n    );\n}\n\nexport interface LoginFormPasswordProps {\n    id?: string;\n    name?: string;\n    label?: string;\n    placeholder?: string;\n    error?: string;\n    tabIndex?: number;\n    autoFocus?: boolean;\n    required?: boolean;\n    forgotPasswordHref?: UrlLike;\n    forgotPasswordLabel?: string;\n    linkComponent?: LinkComponent;\n}\n\nexport function LoginFormPassword({\n    id = 'password',\n    name = 'password',\n    label,\n    placeholder,\n    error,\n    tabIndex,\n    autoFocus = false,\n    required = true,\n    forgotPasswordHref,\n    forgotPasswordLabel,\n    linkComponent,\n    slotName = 'login-form-password',\n}: LoginFormPasswordProps & SlotNameProps) {\n    const context = useLoginFormContext();\n    const message = error ?? fieldError(context.errors, name);\n    const Link = resolveLink(linkComponent ?? context.linkComponent);\n\n    return (\n        <Field id={id} error={message} required={required} slotName={slotName}>\n            <FieldLabel>{label ?? context.labels.passwordLabel}</FieldLabel>\n            <FieldControl>\n                <PasswordInput\n                    name={name}\n                    required={required}\n                    autoFocus={autoFocus}\n                    autoComplete=\"current-password\"\n                    tabIndex={tabIndex}\n                    placeholder={\n                        placeholder ?? context.labels.passwordPlaceholder\n                    }\n                />\n            </FieldControl>\n            {forgotPasswordHref && (\n                <Link\n                    href={forgotPasswordHref}\n                    className=\"mr-1 text-xs font-medium self-end text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline\"\n                >\n                    {forgotPasswordLabel ?? context.labels.forgotPasswordLabel}\n                </Link>\n            )}\n        </Field>\n    );\n}\n\nexport interface LoginFormRememberProps {\n    id?: string;\n    name?: string;\n    label?: string;\n    tabIndex?: number;\n}\n\nexport function LoginFormRemember({\n    id = 'remember',\n    name = 'remember',\n    label,\n    tabIndex,\n    slotName = 'login-form-remember',\n}: LoginFormRememberProps & SlotNameProps) {\n    const { labels } = useLoginFormContext();\n\n    return (\n        <div data-slot={slotName} className=\"gap-3 flex items-center\">\n            <Checkbox id={id} name={name} tabIndex={tabIndex} />\n            <Label htmlFor={id}>{label ?? labels.rememberLabel}</Label>\n        </div>\n    );\n}\n\nexport interface LoginFormSubmitProps {\n    label?: string;\n    submittingLabel?: string;\n    processing?: boolean;\n    tabIndex?: number;\n}\n\nexport function LoginFormSubmit({\n    label,\n    submittingLabel,\n    processing,\n    tabIndex,\n    slotName = 'login-form-submit',\n}: LoginFormSubmitProps & SlotNameProps) {\n    const context = useLoginFormContext();\n    const pending = processing ?? context.processing;\n    const pendingLabel = submittingLabel ?? context.labels.submittingLabel;\n\n    return (\n        <Button\n            slotName={slotName}\n            type=\"submit\"\n            className=\"w-full\"\n            tabIndex={tabIndex}\n            aria-label={pending ? pendingLabel : undefined}\n            loading={pending}\n            loadingLabel={pendingLabel}\n        >\n            {pending ? pendingLabel : (label ?? context.labels.submitLabel)}\n        </Button>\n    );\n}\n","import {\n    LoginFormEmail,\n    LoginFormPassword,\n    LoginFormRemember,\n    LoginFormRoot,\n    LoginFormStatus,\n    LoginFormSubmit,\n} from '@/blocks/login-form/parts';\nimport type {\n    LoginFormErrors,\n    LoginFormLabels,\n} from '@/blocks/login-form/types';\nimport type { LinkComponent, SlotNameProps, UrlLike } from '@/types';\n\nexport interface LoginFormPresetProps {\n    errors?: LoginFormErrors;\n    processing?: boolean;\n    linkComponent?: LinkComponent;\n    labels?: Partial<LoginFormLabels>;\n    status?: string;\n    forgotPasswordHref?: UrlLike;\n    className?: string;\n}\n\nexport function LoginFormPreset({\n    errors,\n    processing,\n    linkComponent,\n    labels,\n    status,\n    forgotPasswordHref,\n    className,\n    slotName = 'login-form',\n}: LoginFormPresetProps & SlotNameProps) {\n    return (\n        <LoginFormRoot\n            errors={errors}\n            processing={processing}\n            linkComponent={linkComponent}\n            labels={labels}\n            className={className}\n            slotName={slotName}\n        >\n            <LoginFormStatus message={status} />\n            <LoginFormEmail />\n            <LoginFormPassword forgotPasswordHref={forgotPasswordHref} />\n            <LoginFormRemember />\n            <LoginFormSubmit />\n        </LoginFormRoot>\n    );\n}\n","import {\n    LoginFormEmail,\n    LoginFormPassword,\n    LoginFormRemember,\n    LoginFormRoot,\n    LoginFormStatus,\n    LoginFormSubmit,\n} from '@/blocks/login-form/parts';\n\nexport const LoginForm = {\n    Root: LoginFormRoot,\n    Status: LoginFormStatus,\n    Email: LoginFormEmail,\n    Password: LoginFormPassword,\n    Remember: LoginFormRemember,\n    Submit: LoginFormSubmit,\n};\n\nexport {\n    LoginFormProvider,\n    useLoginFormContext,\n    type LoginFormContextValue,\n} from '@/blocks/login-form/context';\nexport {\n    LoginFormEmail,\n    LoginFormPassword,\n    LoginFormRemember,\n    LoginFormRoot,\n    LoginFormStatus,\n    LoginFormSubmit,\n    type LoginFormEmailProps,\n    type LoginFormPasswordProps,\n    type LoginFormRememberProps,\n    type LoginFormRootProps,\n    type LoginFormStatusProps,\n    type LoginFormSubmitProps,\n} from '@/blocks/login-form/parts';\nexport {\n    LoginFormPreset,\n    type LoginFormPresetProps,\n} from '@/blocks/login-form/preset';\nexport {\n    loginFormLabels,\n    type LoginFormErrors,\n    type LoginFormLabels,\n} from '@/blocks/login-form/types';\n","import type {\n    TourBreakpoint,\n    TourDefinition,\n    TourStep,\n} from '@/blocks/tour/types';\n\nexport function stepsForBreakpoint(\n    steps: TourStep[],\n    breakpoint: TourBreakpoint,\n): TourStep[] {\n    return steps.filter(\n        (step) => !step.breakpoints || step.breakpoints.includes(breakpoint),\n    );\n}\n\nexport function resolveSteps(\n    steps: TourStep[],\n    isPresent: (target: string) => boolean,\n): TourStep[] {\n    return steps.filter((step) => isPresent(step.target));\n}\n\nexport function shouldStartTour(input: {\n    definition: TourDefinition;\n    seen: Record<string, number>;\n    resolvedStepCount: number;\n    force?: boolean;\n}): boolean {\n    if (input.resolvedStepCount === 0) {\n        return false;\n    }\n\n    if (input.force) {\n        return true;\n    }\n\n    return input.definition.version > (input.seen[input.definition.id] ?? 0);\n}\n","export type TourBreakpoint = 'mobile' | 'desktop';\n\nexport type TourOutcome = 'completed' | 'skipped' | 'dismissed';\n\nexport interface TourStep {\n    target: string;\n    title: string;\n    description: string;\n    breakpoints?: TourBreakpoint[];\n}\n\nexport interface TourDefinition {\n    id: string;\n    version: number;\n    steps: TourStep[];\n}\n\nexport interface TourProgress {\n    tour: string;\n    version: number;\n    lastStep: number;\n    outcome: TourOutcome;\n}\n\nexport interface TourLabels {\n    next: string;\n    previous: string;\n    done: string;\n    progress: string;\n}\n\nexport const DEFAULT_TOUR_LABELS: TourLabels = {\n    next: 'Next',\n    previous: 'Previous',\n    done: 'Done',\n    progress: '{{current}} of {{total}}',\n};\n","import { driver, type Driver } from 'driver.js';\nimport {\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    type PropsWithChildren,\n    type ReactElement,\n} from 'react';\n\nimport 'driver.js/dist/driver.css';\n\nimport { shouldStartTour, stepsForBreakpoint } from '@/blocks/tour/gate';\nimport {\n    DEFAULT_TOUR_LABELS,\n    type TourBreakpoint,\n    type TourDefinition,\n    type TourLabels,\n    type TourOutcome,\n    type TourProgress,\n} from '@/blocks/tour/types';\nimport { useUiLabels } from '@/locales/context';\n\ninterface TourControllerValue {\n    startTour: (\n        definition: TourDefinition,\n        options?: { force?: boolean },\n    ) => void;\n}\n\nconst TourContext = createContext<TourControllerValue | null>(null);\n\nconst MOBILE_BREAKPOINT = 768;\n\nconst WAIT_FOR_TARGET = 4000;\n\nfunction currentBreakpoint(): TourBreakpoint {\n    return window.innerWidth < MOBILE_BREAKPOINT ? 'mobile' : 'desktop';\n}\n\nfunction outcomeOf(instance: Driver, highlighted: boolean): TourOutcome {\n    if (!highlighted) {\n        return 'dismissed';\n    }\n\n    return instance.hasNextStep() ? 'skipped' : 'completed';\n}\n\nexport function TourProvider({\n    children,\n    seen,\n    onProgress,\n    labels,\n}: PropsWithChildren<{\n    seen: Record<string, number>;\n    onProgress: (progress: TourProgress) => void;\n    labels?: Partial<TourLabels>;\n}>): ReactElement {\n    const seenRef = useRef(seen);\n    seenRef.current = seen;\n\n    const onProgressRef = useRef(onProgress);\n    onProgressRef.current = onProgress;\n\n    const driverRef = useRef<Driver | null>(null);\n    const activeRef = useRef<{\n        definition: TourDefinition;\n        lastStep: number;\n        highlighted: boolean;\n    } | null>(null);\n\n    const { next, previous, done, progress } = useUiLabels(\n        'tour',\n        DEFAULT_TOUR_LABELS,\n        labels,\n    );\n\n    const report = useCallback((outcome: TourOutcome): void => {\n        const active = activeRef.current;\n\n        if (!active) {\n            return;\n        }\n\n        activeRef.current = null;\n\n        onProgressRef.current({\n            tour: active.definition.id,\n            version: active.definition.version,\n            lastStep: active.lastStep,\n            outcome,\n        });\n    }, []);\n\n    const startTour = useCallback(\n        (definition: TourDefinition, options?: { force?: boolean }): void => {\n            const alreadyRunning =\n                activeRef.current?.definition.id === definition.id;\n\n            if (alreadyRunning && !options?.force) {\n                return;\n            }\n\n            const steps = stepsForBreakpoint(\n                definition.steps,\n                currentBreakpoint(),\n            );\n\n            const allowed = shouldStartTour({\n                definition,\n                seen: seenRef.current,\n                resolvedStepCount: steps.length,\n                force: options?.force,\n            });\n\n            if (!allowed) {\n                return;\n            }\n\n            driverRef.current?.destroy();\n            activeRef.current = { definition, lastStep: 0, highlighted: false };\n\n            const instance = driver({\n                showProgress: true,\n                progressText: progress,\n                nextBtnText: next,\n                prevBtnText: previous,\n                doneBtnText: done,\n                popoverClass: 'akira-tour',\n                waitForElement: WAIT_FOR_TARGET,\n                skipMissingElement: true,\n                steps: steps.map((step) => ({\n                    element: step.target,\n                    popover: {\n                        title: step.title,\n                        description: step.description,\n                    },\n                })),\n                onHighlightStarted: () => {\n                    if (activeRef.current) {\n                        activeRef.current.lastStep =\n                            instance.getActiveIndex() ?? 0;\n                        activeRef.current.highlighted = true;\n                    }\n                },\n                onDestroyStarted: () => {\n                    report(\n                        outcomeOf(\n                            instance,\n                            activeRef.current?.highlighted ?? false,\n                        ),\n                    );\n                    instance.destroy();\n                },\n            });\n\n            driverRef.current = instance;\n            instance.drive();\n        },\n        [report, next, previous, done, progress],\n    );\n\n    useEffect(\n        () => () => {\n            report('dismissed');\n            driverRef.current?.destroy();\n            driverRef.current = null;\n        },\n        [report],\n    );\n\n    const value = useMemo(() => ({ startTour }), [startTour]);\n\n    return (\n        <TourContext.Provider value={value}>{children}</TourContext.Provider>\n    );\n}\n\nexport function useTourController(): TourControllerValue {\n    const context = useContext(TourContext);\n\n    if (!context) {\n        throw new Error(\n            'useTourController must be used inside a TourProvider.',\n        );\n    }\n\n    return context;\n}\n\nexport function useTour(\n    definition: TourDefinition,\n    options?: { enabled?: boolean },\n): { restart: () => void } {\n    const { startTour } = useTourController();\n    const enabled = options?.enabled ?? true;\n\n    const definitionRef = useRef(definition);\n    definitionRef.current = definition;\n\n    useEffect(() => {\n        if (!enabled) {\n            return;\n        }\n\n        const frame = window.requestAnimationFrame(() =>\n            startTour(definitionRef.current),\n        );\n\n        return () => window.cancelAnimationFrame(frame);\n    }, [definition.id, definition.version, enabled, startTour]);\n\n    return { restart: () => startTour(definitionRef.current, { force: true }) };\n}\n"],"mappings":"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","names":["jsx","jsx","jsxs","createContext","useContext","jsx","createContext","useContext"]}

package/dist/{chunk-YBXRJSR3.js → chunk-CAUTXZ4U.js}

@@ -1,8 +1,14 @@
-import { focusRing, glassControl, controlFill, cn } from './chunk-KHOA4TEI.js';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
+import {
+  cn,
+  controlFill,
+  focusRing,
+  glassControl
+} from "./chunk-PPWJK5T3.js";
 
+// src/components/ui/toggle.tsx
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
 var toggleVariants = cva(
   `inline-flex items-center justify-center gap-2 rounded-xl text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:font-semibold data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 transition-[color,box-shadow] aria-invalid:ring-destructive/20 aria-invalid:border-destructive ${focusRing}`,
   {
@@ -40,6 +46,8 @@ function Toggle({
   );
 }
 
-export { Toggle, toggleVariants };
-//# sourceMappingURL=chunk-YBXRJSR3.js.map
-//# sourceMappingURL=chunk-YBXRJSR3.js.map
+export {
+  toggleVariants,
+  Toggle
+};
+//# sourceMappingURL=chunk-CAUTXZ4U.js.map

package/dist/chunk-CAUTXZ4U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/toggle.tsx"],"sourcesContent":["import * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlFill, focusRing, glassControl } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst toggleVariants = cva(\n    `inline-flex items-center justify-center gap-2 rounded-xl text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:font-semibold data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 transition-[color,box-shadow] aria-invalid:ring-destructive/20 aria-invalid:border-destructive ${focusRing}`,\n    {\n        variants: {\n            variant: {\n                default: 'bg-transparent',\n                outline: `${glassControl} ${controlFill} hover:bg-accent hover:text-accent-foreground`,\n            },\n            size: {\n                default: 'h-11 px-4 min-w-11',\n                sm: 'h-9 px-3 min-w-9',\n                lg: 'h-12 px-6 min-w-12',\n            },\n        },\n        defaultVariants: {\n            variant: 'default',\n            size: 'default',\n        },\n    },\n);\n\nfunction Toggle({\n    className,\n    variant,\n    size,\n    slotName = 'toggle',\n    ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants> &\n    SlotNameProps) {\n    return (\n        <TogglePrimitive.Root\n            className={cn(toggleVariants({ variant, size, className }))}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;;;AAAA,YAAY,qBAAqB;AACjC,SAAS,WAA8B;AAsC/B;AA/BR,IAAM,iBAAiB;AAAA,EACnB,4bAA4b,SAAS;AAAA,EACrc;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,SAAS;AAAA,QACT,SAAS,GAAG,YAAY,IAAI,WAAW;AAAA,MAC3C;AAAA,MACA,MAAM;AAAA,QACF,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MACR;AAAA,IACJ;AAAA,IACA,iBAAiB;AAAA,MACb,SAAS;AAAA,MACT,MAAM;AAAA,IACV;AAAA,EACJ;AACJ;AAEA,SAAS,OAAO;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAEmB;AACf,SACI;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACG,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA,MACJ,aAAW;AAAA;AAAA,EACf;AAER;","names":[]}