@yca-software/yca-react-core 0.0.21 → 0.0.23

package/README.md

@@ -73,6 +73,15 @@ export function useTranslationNamespace(ns: string | string[]) {
 
 **Keep in the app, not the library:** routes, TanStack Query hooks per resource, zustand stores, `locales/**`, billing/Paddle, permission constants, PostHog.
 
+Native shells may supply `refreshExecutor` to `createApiProvider` options. The
+executor must call the host's secure session command and return only
+`{ accessToken, expiresAt }`; the host keeps its rotating refresh credential in
+the OS vault. The API client shares concurrent refresh attempts, validates the
+returned expiry, and retries a protected 401 once. Browser consumers omit this
+option and retain their existing HttpOnly-cookie refresh behavior. The app must
+hydrate its initial native access session and clear its own state after host
+revocation; this library does not own a platform vault or navigation.
+
 ## Theming
 
 Import styles once, then override CSS variables in your global stylesheet:

package/dist/api/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { a as ApiClientProviderConfig, F as FetchFn, A as ApiClientConfig, d as RefreshRequestConfig, e as RequestConfig } from '../types-CN73TWSY.js';
-export { b as ApiErrorBody, R as RefreshBodyContext, c as RefreshConfig, f as RequestError } from '../types-CN73TWSY.js';
+import { a as ApiClientProviderConfig, F as FetchFn, A as ApiClientConfig, d as RefreshRequestConfig, e as RequestConfig } from '../types-BYLBukHJ.js';
+export { b as ApiErrorBody, R as RefreshBodyContext, c as RefreshConfig, f as RequestError } from '../types-BYLBukHJ.js';
 
 declare function ApiClientProvider({ baseURL, config, children, }: {
     baseURL: string;
@@ -22,6 +22,11 @@ interface CreateApiProviderOptions {
     getAcceptLanguage?: () => string;
     onRefreshStart?: () => void;
     onRefreshEnd?: () => void;
+    /** Optional native refresh boundary; browser apps retain the default HTTP cookie flow. */
+    refreshExecutor?: () => Promise<{
+        accessToken: string;
+        expiresAt: string;
+    }>;
     /** Refresh endpoint path relative to baseURL. Defaults to `auth/refresh`. */
     refreshEndpoint?: string;
     /** Paths that must not trigger automatic refresh retry on 401. Defaults to `['auth/']`. */

package/dist/api/index.js

@@ -1,3 +1,3 @@
-export { ApiClientProvider, DEFAULT_REFRESH_ENDPOINT, DEFAULT_REFRESH_EXCLUDED_PREFIXES, accessTokenNeedsRefresh, buildRequestUrl, createApiProvider, createDefaultRefreshRequest, createResponseHandler, executeConfiguredRefresh, getRequestHeaders, getRequestOptions, isFatalRefreshFailureStatus, msUntilAccessRefresh, performAccessTokenRefresh, shouldClearSessionOnRefreshFailure, useAPI, useAccessTokenKeepAlive, useApiClientConfig } from '../chunk-NL5V3XXV.js';
+export { ApiClientProvider, DEFAULT_REFRESH_ENDPOINT, DEFAULT_REFRESH_EXCLUDED_PREFIXES, accessTokenNeedsRefresh, buildRequestUrl, createApiProvider, createDefaultRefreshRequest, createResponseHandler, executeConfiguredRefresh, getRequestHeaders, getRequestOptions, isFatalRefreshFailureStatus, msUntilAccessRefresh, performAccessTokenRefresh, shouldClearSessionOnRefreshFailure, useAPI, useAccessTokenKeepAlive, useApiClientConfig } from '../chunk-V6EYEN2F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-KO7KQ7DZ.js → chunk-HJZNKZHZ.js}

@@ -1,4 +1,4 @@
-import { FormField, FormItem, FormLabel, FormControl, Textarea, FormMessage, Select, Tooltip, Checkbox, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-XCDKWHJJ.js';
+import { FormField, FormItem, FormLabel, FormControl, Textarea, FormMessage, Select, Tooltip, Checkbox, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-QHNZTXPJ.js';
 import { Input } from './chunk-3AYG73DK.js';
 import { cn } from './chunk-GXWVFQCK.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -335,5 +335,5 @@ function RoleSelectField({
 }
 
 export { DescriptionField, EmailField, ExpiresAtField, FirstNameField, LastNameField, NameField, PasswordField, PermissionsField, RoleSelectField };
-//# sourceMappingURL=chunk-KO7KQ7DZ.js.map
-//# sourceMappingURL=chunk-KO7KQ7DZ.js.map
+//# sourceMappingURL=chunk-HJZNKZHZ.js.map
+//# sourceMappingURL=chunk-HJZNKZHZ.js.map

package/dist/{chunk-KO7KQ7DZ.js.map → chunk-HJZNKZHZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/forms/description-field/index.tsx","../src/components/forms/email-field/index.tsx","../src/components/forms/expires-at-field/index.tsx","../src/components/forms/first-name-field/index.tsx","../src/components/forms/last-name-field/index.tsx","../src/components/forms/name-field/index.tsx","../src/components/forms/password-field/index.tsx","../src/components/forms/permissions-field/index.tsx","../src/components/forms/role-select-field/index.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-KO7KQ7DZ.js","sourcesContent":["import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Textarea } from '../../ui';\n\ntype DescriptionFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function DescriptionField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n  disabled,\n}: DescriptionFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Textarea placeholder={placeholder} disabled={disabled} {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype EmailFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  description?: string;\n  autoComplete?: 'email' | 'username';\n  className?: string;\n};\n\nexport function EmailField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  description,\n  autoComplete = 'email',\n  className,\n}: EmailFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          {description && <p className=\"text-sm text-muted-foreground mt-0.5\">{description}</p>}\n          <FormControl>\n            <Input type=\"email\" placeholder={placeholder} autoComplete={autoComplete} {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormField, FormItem, FormLabel, FormMessage, Select } from '../../ui';\n\ntype ExpiresAtOption = {\n  value: string;\n  label: string;\n};\n\ntype ExpiresAtFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  ariaLabel?: string;\n  options: ExpiresAtOption[];\n};\n\nexport function ExpiresAtField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  ariaLabel,\n  options,\n}: ExpiresAtFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem>\n          <FormLabel>{label}</FormLabel>\n          <Select\n            value={(field.value as string) ?? ''}\n            onValueChange={(next) => {\n              field.onChange(next);\n            }}\n            options={options}\n            placeholder={placeholder}\n            aria-label={ariaLabel ?? label}\n          />\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype FirstNameFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n};\n\nexport function FirstNameField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n}: FirstNameFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Input placeholder={placeholder} autoComplete=\"given-name\" {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype LastNameFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n};\n\nexport function LastNameField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n}: LastNameFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Input placeholder={placeholder} autoComplete=\"family-name\" {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype NameFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function NameField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n  disabled,\n}: NameFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Input placeholder={placeholder} disabled={disabled} autoComplete=\"off\" {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype PasswordFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  autoComplete?: 'current-password' | 'new-password';\n  /** Optional node to show on the right of the label (e.g. \"Forgot password?\" link) */\n  rightLabel?: ReactNode;\n  className?: string;\n};\n\nexport function PasswordField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  autoComplete = 'current-password',\n  rightLabel,\n  className,\n}: PasswordFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <div className=\"flex items-center justify-between\">\n            <FormLabel>{label}</FormLabel>\n            {rightLabel}\n          </div>\n          <FormControl>\n            <Input\n              type=\"password\"\n              placeholder={placeholder}\n              autoComplete={autoComplete}\n              {...field}\n            />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import { Info } from 'lucide-react';\nimport type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport type { PermissionGroup, PermissionOption } from '../../../types';\nimport { Checkbox, FormField, FormItem, FormLabel, FormMessage, Tooltip } from '../../ui';\n\nexport type {\n  PermissionAction,\n  PermissionGroup,\n  PermissionOption,\n} from '../../../types';\n\ntype PermissionsFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  groups: PermissionGroup[];\n  t: (key: string) => string;\n  disabled?: boolean;\n};\n\nexport function PermissionsField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  groups,\n  t,\n  disabled = false,\n}: PermissionsFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => {\n        const selected = (field.value as string[]) ?? [];\n\n        const togglePermission = (key: string, group: PermissionOption[]) => {\n          const readKey = getReadKeyForGroup(group);\n          const opt = group.find((p) => p.key === key);\n          if (!opt) return;\n\n          const next = selected.includes(key)\n            ? selected.filter((k) => k !== key)\n            : [...selected, key];\n\n          if (opt.action === 'write' || opt.action === 'delete') {\n            if (next.includes(key) && readKey && !next.includes(readKey)) {\n              next.push(readKey);\n            }\n          }\n          if (opt.action === 'delete') {\n            const writeKey = getWriteKeyForGroup(group);\n            if (next.includes(key) && writeKey && !next.includes(writeKey)) {\n              next.push(writeKey);\n            }\n          }\n\n          field.onChange(next);\n        };\n\n        return (\n          <FormItem>\n            <FormLabel>{label}</FormLabel>\n            <div className=\"space-y-4\">\n              {groups.map((group) => {\n                const readKey = getReadKeyForGroup(group.permissions);\n                const writeKey = getWriteKeyForGroup(group.permissions);\n                const readDisabled = readKey\n                  ? hasWriteOrDelete(group.permissions, selected)\n                  : false;\n                const writeDisabled = writeKey ? hasDelete(group.permissions, selected) : false;\n                const readChecked =\n                  readKey !== null && (selected.includes(readKey) || readDisabled);\n                const writeChecked =\n                  writeKey !== null && (selected.includes(writeKey) || writeDisabled);\n\n                return (\n                  <div key={group.contextKey} className=\"space-y-2\">\n                    <div className=\"flex items-center gap-1.5\">\n                      <p className=\"text-sm font-medium\">{t(group.labelKey)}</p>\n                      <Tooltip content={t(group.descriptionKey)} side=\"top\" align=\"start\">\n                        <button\n                          type=\"button\"\n                          className=\"text-muted-foreground hover:text-foreground cursor-help inline-flex rounded p-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                          aria-label={t(group.descriptionKey)}\n                        >\n                          <Info className=\"size-3.5\" aria-hidden />\n                        </button>\n                      </Tooltip>\n                    </div>\n                    <div className=\"flex flex-wrap gap-4 pl-2\">\n                      {group.permissions.map((perm) => {\n                        const isRead = perm.action === 'read';\n                        const isWrite = perm.action === 'write';\n                        const checked = isRead\n                          ? readChecked\n                          : isWrite\n                            ? writeChecked\n                            : selected.includes(perm.key);\n                        const permissionDisabled =\n                          (isRead && readDisabled) || (isWrite && writeDisabled);\n                        const globallyDisabled = disabled || permissionDisabled;\n\n                        return (\n                          <div key={perm.key} className=\"flex items-center space-x-2\">\n                            <Checkbox\n                              id={perm.key}\n                              checked={isRead ? readChecked : checked}\n                              disabled={globallyDisabled}\n                              onCheckedChange={() =>\n                                !globallyDisabled && togglePermission(perm.key, group.permissions)\n                              }\n                            />\n                            <label\n                              htmlFor={perm.key}\n                              className=\"text-sm font-normal leading-none cursor-pointer peer-disabled:opacity-70\"\n                            >\n                              {t(perm.labelKey)}\n                            </label>\n                          </div>\n                        );\n                      })}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n            <FormMessage />\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n\nfunction getReadKeyForGroup(permissions: PermissionOption[]): string | null {\n  const readOpt = permissions.find((p) => p.action === 'read');\n  return readOpt?.key ?? null;\n}\n\nfunction getWriteKeyForGroup(permissions: PermissionOption[]): string | null {\n  const writeOpt = permissions.find((p) => p.action === 'write');\n  return writeOpt?.key ?? null;\n}\n\nfunction hasWriteOrDelete(permissions: PermissionOption[], selected: string[]): boolean {\n  return permissions.some(\n    (p) => (p.action === 'write' || p.action === 'delete') && selected.includes(p.key),\n  );\n}\n\nfunction hasDelete(permissions: PermissionOption[], selected: string[]): boolean {\n  return permissions.some((p) => p.action === 'delete' && selected.includes(p.key));\n}\n","import { ChevronDown } from 'lucide-react';\nimport type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { cn } from '../../../lib/utils';\nimport type { RoleOption } from '../../../types';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui';\n\nexport type { RoleOption } from '../../../types';\n\ntype RoleSelectFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  options: RoleOption[];\n  className?: string;\n};\n\nexport function RoleSelectField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  options,\n  className,\n}: RoleSelectFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => {\n        const selectedOption = options.find((opt) => opt.value === field.value);\n        const displayValue = selectedOption?.label ?? label;\n\n        return (\n          <FormItem className={className}>\n            <FormLabel>{label}</FormLabel>\n            <FormControl>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <button\n                    type=\"button\"\n                    role=\"combobox\"\n                    aria-label={label}\n                    onBlur={field.onBlur}\n                    className={cn(\n                      'flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-colors',\n                      'hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n                      'disabled:pointer-events-none disabled:opacity-50',\n                      'aria-invalid:ring-destructive/20 aria-invalid:border-destructive',\n                      !field.value && 'text-muted-foreground',\n                    )}\n                  >\n                    <span className=\"min-w-0 truncate text-left\">{displayValue}</span>\n                    <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 text-muted-foreground\" />\n                  </button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  align=\"start\"\n                  sideOffset={0}\n                  className={cn('min-w-(--radix-dropdown-menu-trigger-width) z-101')}\n                >\n                  {options.map((opt) => (\n                    <DropdownMenuItem key={opt.value} onClick={() => field.onChange(opt.value)}>\n                      {opt.label}\n                    </DropdownMenuItem>\n                  ))}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </FormControl>\n            <FormMessage />\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/forms/description-field/index.tsx","../src/components/forms/email-field/index.tsx","../src/components/forms/expires-at-field/index.tsx","../src/components/forms/first-name-field/index.tsx","../src/components/forms/last-name-field/index.tsx","../src/components/forms/name-field/index.tsx","../src/components/forms/password-field/index.tsx","../src/components/forms/permissions-field/index.tsx","../src/components/forms/role-select-field/index.tsx"],"names":["jsx","jsxs"],"mappings":";;;;;;AAYO,SAAS,gBAAA,CAAwC;AAAA,EACtD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAM,qBACf,IAAA,CAAC,YAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAClB,GAAA,CAAC,eACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,aAA0B,QAAA,EAAqB,GAAG,OAAO,CAAA,EACrE,CAAA;AAAA,4BACC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ;ACtBO,SAAS,UAAA,CAAkC;AAAA,EAChD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,GAAe,OAAA;AAAA,EACf;AACF,CAAA,EAAuB;AACrB,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,uBACTC,IAAAA,CAAC,YAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACjB,+BAAeA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wCAAwC,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,wBACjFA,GAAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,OAAA,EAAQ,WAAA,EAA0B,YAAA,EAA6B,GAAG,KAAA,EAAO,CAAA,EACvF,CAAA;AAAA,wBACAA,IAAC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ;ACrBO,SAAS,cAAA,CAAsC;AAAA,EACpD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAM,qBACfC,KAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAClBA,GAAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAQ,MAAM,KAAA,IAAoB,EAAA;AAAA,YAClC,aAAA,EAAe,CAAC,IAAA,KAAS;AACvB,cAAA,KAAA,CAAM,SAAS,IAAI,CAAA;AAAA,YACrB,CAAA;AAAA,YACA,OAAA;AAAA,YACA,WAAA;AAAA,YACA,cAAY,SAAA,IAAa;AAAA;AAAA,SAC3B;AAAA,wBACAA,IAAC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ;ACnCO,SAAS,cAAA,CAAsC;AAAA,EACpD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,uBACTC,IAAAA,CAAC,YAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAClBA,GAAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,WAAA,EAA0B,YAAA,EAAa,YAAA,EAAc,GAAG,KAAA,EAAO,CAAA,EACxE,CAAA;AAAA,wBACAA,IAAC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ;ACtBO,SAAS,aAAA,CAAqC;AAAA,EACnD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,uBACTC,IAAAA,CAAC,YAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAClBA,GAAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,WAAA,EAA0B,YAAA,EAAa,aAAA,EAAe,GAAG,KAAA,EAAO,CAAA,EACzE,CAAA;AAAA,wBACAA,IAAC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ;ACrBO,SAAS,SAAA,CAAiC;AAAA,EAC/C,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,uBACTC,IAAAA,CAAC,YAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAClBA,GAAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAM,WAAA,EAA0B,QAAA,EAAoB,YAAA,EAAa,KAAA,EAAO,GAAG,KAAA,EAAO,CAAA,EACrF,CAAA;AAAA,wBACAA,IAAC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ;ACpBO,SAAS,aAAA,CAAqC;AAAA,EACnD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,GAAe,kBAAA;AAAA,EACf,UAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,uBACTC,IAAAA,CAAC,YAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACb,QAAA,EAAA;AAAA,0BAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACjB;AAAA,SAAA,EACH,CAAA;AAAA,wBACAA,GAAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,UAAA;AAAA,YACL,WAAA;AAAA,YACA,YAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN,EACF,CAAA;AAAA,wBACAA,IAAC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ;AC3BO,SAAS,gBAAA,CAAwC;AAAA,EACtD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAA6B;AAC3B,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,QAAA,MAAM,QAAA,GAAY,KAAA,CAAM,KAAA,IAAsB,EAAC;AAE/C,QAAA,MAAM,gBAAA,GAAmB,CAAC,GAAA,EAAa,KAAA,KAA8B;AACnE,UAAA,MAAM,OAAA,GAAU,mBAAmB,KAAK,CAAA;AACxC,UAAA,MAAM,MAAM,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,QAAQ,GAAG,CAAA;AAC3C,UAAA,IAAI,CAAC,GAAA,EAAK;AAEV,UAAA,MAAM,IAAA,GAAO,QAAA,CAAS,QAAA,CAAS,GAAG,IAC9B,QAAA,CAAS,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,GAAG,CAAA,GAChC,CAAC,GAAG,UAAU,GAAG,CAAA;AAErB,UAAA,IAAI,GAAA,CAAI,MAAA,KAAW,OAAA,IAAW,GAAA,CAAI,WAAW,QAAA,EAAU;AACrD,YAAA,IAAI,IAAA,CAAK,SAAS,GAAG,CAAA,IAAK,WAAW,CAAC,IAAA,CAAK,QAAA,CAAS,OAAO,CAAA,EAAG;AAC5D,cAAA,IAAA,CAAK,KAAK,OAAO,CAAA;AAAA,YACnB;AAAA,UACF;AACA,UAAA,IAAI,GAAA,CAAI,WAAW,QAAA,EAAU;AAC3B,YAAA,MAAM,QAAA,GAAW,oBAAoB,KAAK,CAAA;AAC1C,YAAA,IAAI,IAAA,CAAK,SAAS,GAAG,CAAA,IAAK,YAAY,CAAC,IAAA,CAAK,QAAA,CAAS,QAAQ,CAAA,EAAG;AAC9D,cAAA,IAAA,CAAK,KAAK,QAAQ,CAAA;AAAA,YACpB;AAAA,UACF;AAEA,UAAA,KAAA,CAAM,SAAS,IAAI,CAAA;AAAA,QACrB,CAAA;AAEA,QAAA,uBACEC,KAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BAClBA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aACZ,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,KAAU;AACrB,YAAA,MAAM,OAAA,GAAU,kBAAA,CAAmB,KAAA,CAAM,WAAW,CAAA;AACpD,YAAA,MAAM,QAAA,GAAW,mBAAA,CAAoB,KAAA,CAAM,WAAW,CAAA;AACtD,YAAA,MAAM,eAAe,OAAA,GACjB,gBAAA,CAAiB,KAAA,CAAM,WAAA,EAAa,QAAQ,CAAA,GAC5C,KAAA;AACJ,YAAA,MAAM,gBAAgB,QAAA,GAAW,SAAA,CAAU,KAAA,CAAM,WAAA,EAAa,QAAQ,CAAA,GAAI,KAAA;AAC1E,YAAA,MAAM,cACJ,OAAA,KAAY,IAAA,KAAS,QAAA,CAAS,QAAA,CAAS,OAAO,CAAA,IAAK,YAAA,CAAA;AACrD,YAAA,MAAM,eACJ,QAAA,KAAa,IAAA,KAAS,QAAA,CAAS,QAAA,CAAS,QAAQ,CAAA,IAAK,aAAA,CAAA;AAEvD,YAAA,uBACEC,IAAAA,CAAC,KAAA,EAAA,EAA2B,SAAA,EAAU,WAAA,EACpC,QAAA,EAAA;AAAA,8BAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,gCAAAD,IAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAuB,QAAA,EAAA,CAAA,CAAE,KAAA,CAAM,QAAQ,CAAA,EAAE,CAAA;AAAA,gCACtDA,GAAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,CAAA,CAAE,KAAA,CAAM,cAAc,CAAA,EAAG,IAAA,EAAK,KAAA,EAAM,KAAA,EAAM,OAAA,EAC1D,QAAA,kBAAAA,GAAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,SAAA,EAAU,2JAAA;AAAA,oBACV,YAAA,EAAY,CAAA,CAAE,KAAA,CAAM,cAAc,CAAA;AAAA,oBAElC,0BAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC;AAAA;AAAA,iBACzC,EACF;AAAA,eAAA,EACF,CAAA;AAAA,8BACAA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BACZ,QAAA,EAAA,KAAA,CAAM,WAAA,CAAY,GAAA,CAAI,CAAC,IAAA,KAAS;AAC/B,gBAAA,MAAM,MAAA,GAAS,KAAK,MAAA,KAAW,MAAA;AAC/B,gBAAA,MAAM,OAAA,GAAU,KAAK,MAAA,KAAW,OAAA;AAChC,gBAAA,MAAM,OAAA,GAAU,SACZ,WAAA,GACA,OAAA,GACE,eACA,QAAA,CAAS,QAAA,CAAS,KAAK,GAAG,CAAA;AAChC,gBAAA,MAAM,kBAAA,GACH,MAAA,IAAU,YAAA,IAAkB,OAAA,IAAW,aAAA;AAC1C,gBAAA,MAAM,mBAAmB,QAAA,IAAY,kBAAA;AAErC,gBAAA,uBACEC,IAAAA,CAAC,KAAA,EAAA,EAAmB,SAAA,EAAU,6BAAA,EAC5B,QAAA,EAAA;AAAA,kCAAAD,GAAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,IAAI,IAAA,CAAK,GAAA;AAAA,sBACT,OAAA,EAAS,SAAS,WAAA,GAAc,OAAA;AAAA,sBAChC,QAAA,EAAU,gBAAA;AAAA,sBACV,eAAA,EAAiB,MACf,CAAC,gBAAA,IAAoB,iBAAiB,IAAA,CAAK,GAAA,EAAK,MAAM,WAAW;AAAA;AAAA,mBAErE;AAAA,kCACAA,GAAAA;AAAA,oBAAC,OAAA;AAAA,oBAAA;AAAA,sBACC,SAAS,IAAA,CAAK,GAAA;AAAA,sBACd,SAAA,EAAU,0EAAA;AAAA,sBAET,QAAA,EAAA,CAAA,CAAE,KAAK,QAAQ;AAAA;AAAA;AAClB,iBAAA,EAAA,EAdQ,KAAK,GAef,CAAA;AAAA,cAEJ,CAAC,CAAA,EACH;AAAA,aAAA,EAAA,EA7CQ,MAAM,UA8ChB,CAAA;AAAA,UAEJ,CAAC,CAAA,EACH,CAAA;AAAA,0BACAA,IAAC,WAAA,EAAA,EAAY;AAAA,SAAA,EACf,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,mBAAmB,WAAA,EAAgD;AAC1E,EAAA,MAAM,UAAU,WAAA,CAAY,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,MAAM,CAAA;AAC3D,EAAA,OAAO,SAAS,GAAA,IAAO,IAAA;AACzB;AAEA,SAAS,oBAAoB,WAAA,EAAgD;AAC3E,EAAA,MAAM,WAAW,WAAA,CAAY,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,OAAO,CAAA;AAC7D,EAAA,OAAO,UAAU,GAAA,IAAO,IAAA;AAC1B;AAEA,SAAS,gBAAA,CAAiB,aAAiC,QAAA,EAA6B;AACtF,EAAA,OAAO,WAAA,CAAY,IAAA;AAAA,IACjB,CAAC,CAAA,KAAA,CAAO,CAAA,CAAE,MAAA,KAAW,OAAA,IAAW,CAAA,CAAE,MAAA,KAAW,QAAA,KAAa,QAAA,CAAS,QAAA,CAAS,CAAA,CAAE,GAAG;AAAA,GACnF;AACF;AAEA,SAAS,SAAA,CAAU,aAAiC,QAAA,EAA6B;AAC/E,EAAA,OAAO,WAAA,CAAY,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,MAAA,KAAW,QAAA,IAAY,QAAA,CAAS,QAAA,CAAS,CAAA,CAAE,GAAG,CAAC,CAAA;AAClF;AC9HO,SAAS,eAAA,CAAuC;AAAA,EACrD,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,uBACEA,GAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,QAAA,MAAM,cAAA,GAAiB,QAAQ,IAAA,CAAK,CAAC,QAAQ,GAAA,CAAI,KAAA,KAAU,MAAM,KAAK,CAAA;AACtE,QAAA,MAAM,YAAA,GAAe,gBAAgB,KAAA,IAAS,KAAA;AAE9C,QAAA,uBACEC,IAAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EACR,QAAA,EAAA;AAAA,0BAAAD,GAAAA,CAAC,aAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BAClBA,GAAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAC,KAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAAD,GAAAA,CAAC,mBAAA,EAAA,EAAoB,OAAA,EAAO,IAAA,EAC1B,QAAA,kBAAAC,IAAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,IAAA,EAAK,UAAA;AAAA,gBACL,YAAA,EAAY,KAAA;AAAA,gBACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,gBACd,SAAA,EAAW,EAAA;AAAA,kBACT,sKAAA;AAAA,kBACA,6FAAA;AAAA,kBACA,kDAAA;AAAA,kBACA,kEAAA;AAAA,kBACA,CAAC,MAAM,KAAA,IAAS;AAAA,iBAClB;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAAD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,kCAC3DA,GAAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,6CAAA,EAA8C;AAAA;AAAA;AAAA,aACvE,EACF,CAAA;AAAA,4BACAA,GAAAA;AAAA,cAAC,mBAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAM,OAAA;AAAA,gBACN,UAAA,EAAY,CAAA;AAAA,gBACZ,SAAA,EAAW,GAAG,mDAAmD,CAAA;AAAA,gBAEhE,kBAAQ,GAAA,CAAI,CAAC,wBACZA,GAAAA,CAAC,oBAAiC,OAAA,EAAS,MAAM,KAAA,CAAM,QAAA,CAAS,IAAI,KAAK,CAAA,EACtE,cAAI,KAAA,EAAA,EADgB,GAAA,CAAI,KAE3B,CACD;AAAA;AAAA;AACH,WAAA,EACF,CAAA,EACF,CAAA;AAAA,0BACAA,IAAC,WAAA,EAAA,EAAY;AAAA,SAAA,EACf,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ","file":"chunk-HJZNKZHZ.js","sourcesContent":["import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Textarea } from '../../ui';\n\ntype DescriptionFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function DescriptionField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n  disabled,\n}: DescriptionFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Textarea placeholder={placeholder} disabled={disabled} {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype EmailFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  description?: string;\n  autoComplete?: 'email' | 'username';\n  className?: string;\n};\n\nexport function EmailField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  description,\n  autoComplete = 'email',\n  className,\n}: EmailFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          {description && <p className=\"text-sm text-muted-foreground mt-0.5\">{description}</p>}\n          <FormControl>\n            <Input type=\"email\" placeholder={placeholder} autoComplete={autoComplete} {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormField, FormItem, FormLabel, FormMessage, Select } from '../../ui';\n\ntype ExpiresAtOption = {\n  value: string;\n  label: string;\n};\n\ntype ExpiresAtFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  ariaLabel?: string;\n  options: ExpiresAtOption[];\n};\n\nexport function ExpiresAtField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  ariaLabel,\n  options,\n}: ExpiresAtFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem>\n          <FormLabel>{label}</FormLabel>\n          <Select\n            value={(field.value as string) ?? ''}\n            onValueChange={(next) => {\n              field.onChange(next);\n            }}\n            options={options}\n            placeholder={placeholder}\n            aria-label={ariaLabel ?? label}\n          />\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype FirstNameFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n};\n\nexport function FirstNameField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n}: FirstNameFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Input placeholder={placeholder} autoComplete=\"given-name\" {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype LastNameFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n};\n\nexport function LastNameField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n}: LastNameFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Input placeholder={placeholder} autoComplete=\"family-name\" {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype NameFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function NameField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  className,\n  disabled,\n}: NameFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FormLabel>{label}</FormLabel>\n          <FormControl>\n            <Input placeholder={placeholder} disabled={disabled} autoComplete=\"off\" {...field} />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '../../ui';\n\ntype PasswordFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  placeholder?: string;\n  autoComplete?: 'current-password' | 'new-password';\n  /** Optional node to show on the right of the label (e.g. \"Forgot password?\" link) */\n  rightLabel?: ReactNode;\n  className?: string;\n};\n\nexport function PasswordField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  placeholder,\n  autoComplete = 'current-password',\n  rightLabel,\n  className,\n}: PasswordFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <div className=\"flex items-center justify-between\">\n            <FormLabel>{label}</FormLabel>\n            {rightLabel}\n          </div>\n          <FormControl>\n            <Input\n              type=\"password\"\n              placeholder={placeholder}\n              autoComplete={autoComplete}\n              {...field}\n            />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n","import { Info } from 'lucide-react';\nimport type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport type { PermissionGroup, PermissionOption } from '../../../types';\nimport { Checkbox, FormField, FormItem, FormLabel, FormMessage, Tooltip } from '../../ui';\n\nexport type {\n  PermissionAction,\n  PermissionGroup,\n  PermissionOption,\n} from '../../../types';\n\ntype PermissionsFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  groups: PermissionGroup[];\n  t: (key: string) => string;\n  disabled?: boolean;\n};\n\nexport function PermissionsField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  groups,\n  t,\n  disabled = false,\n}: PermissionsFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => {\n        const selected = (field.value as string[]) ?? [];\n\n        const togglePermission = (key: string, group: PermissionOption[]) => {\n          const readKey = getReadKeyForGroup(group);\n          const opt = group.find((p) => p.key === key);\n          if (!opt) return;\n\n          const next = selected.includes(key)\n            ? selected.filter((k) => k !== key)\n            : [...selected, key];\n\n          if (opt.action === 'write' || opt.action === 'delete') {\n            if (next.includes(key) && readKey && !next.includes(readKey)) {\n              next.push(readKey);\n            }\n          }\n          if (opt.action === 'delete') {\n            const writeKey = getWriteKeyForGroup(group);\n            if (next.includes(key) && writeKey && !next.includes(writeKey)) {\n              next.push(writeKey);\n            }\n          }\n\n          field.onChange(next);\n        };\n\n        return (\n          <FormItem>\n            <FormLabel>{label}</FormLabel>\n            <div className=\"space-y-4\">\n              {groups.map((group) => {\n                const readKey = getReadKeyForGroup(group.permissions);\n                const writeKey = getWriteKeyForGroup(group.permissions);\n                const readDisabled = readKey\n                  ? hasWriteOrDelete(group.permissions, selected)\n                  : false;\n                const writeDisabled = writeKey ? hasDelete(group.permissions, selected) : false;\n                const readChecked =\n                  readKey !== null && (selected.includes(readKey) || readDisabled);\n                const writeChecked =\n                  writeKey !== null && (selected.includes(writeKey) || writeDisabled);\n\n                return (\n                  <div key={group.contextKey} className=\"space-y-2\">\n                    <div className=\"flex items-center gap-1.5\">\n                      <p className=\"text-sm font-medium\">{t(group.labelKey)}</p>\n                      <Tooltip content={t(group.descriptionKey)} side=\"top\" align=\"start\">\n                        <button\n                          type=\"button\"\n                          className=\"text-muted-foreground hover:text-foreground cursor-help inline-flex rounded p-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                          aria-label={t(group.descriptionKey)}\n                        >\n                          <Info className=\"size-3.5\" aria-hidden />\n                        </button>\n                      </Tooltip>\n                    </div>\n                    <div className=\"flex flex-wrap gap-4 pl-2\">\n                      {group.permissions.map((perm) => {\n                        const isRead = perm.action === 'read';\n                        const isWrite = perm.action === 'write';\n                        const checked = isRead\n                          ? readChecked\n                          : isWrite\n                            ? writeChecked\n                            : selected.includes(perm.key);\n                        const permissionDisabled =\n                          (isRead && readDisabled) || (isWrite && writeDisabled);\n                        const globallyDisabled = disabled || permissionDisabled;\n\n                        return (\n                          <div key={perm.key} className=\"flex items-center space-x-2\">\n                            <Checkbox\n                              id={perm.key}\n                              checked={isRead ? readChecked : checked}\n                              disabled={globallyDisabled}\n                              onCheckedChange={() =>\n                                !globallyDisabled && togglePermission(perm.key, group.permissions)\n                              }\n                            />\n                            <label\n                              htmlFor={perm.key}\n                              className=\"text-sm font-normal leading-none cursor-pointer peer-disabled:opacity-70\"\n                            >\n                              {t(perm.labelKey)}\n                            </label>\n                          </div>\n                        );\n                      })}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n            <FormMessage />\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n\nfunction getReadKeyForGroup(permissions: PermissionOption[]): string | null {\n  const readOpt = permissions.find((p) => p.action === 'read');\n  return readOpt?.key ?? null;\n}\n\nfunction getWriteKeyForGroup(permissions: PermissionOption[]): string | null {\n  const writeOpt = permissions.find((p) => p.action === 'write');\n  return writeOpt?.key ?? null;\n}\n\nfunction hasWriteOrDelete(permissions: PermissionOption[], selected: string[]): boolean {\n  return permissions.some(\n    (p) => (p.action === 'write' || p.action === 'delete') && selected.includes(p.key),\n  );\n}\n\nfunction hasDelete(permissions: PermissionOption[], selected: string[]): boolean {\n  return permissions.some((p) => p.action === 'delete' && selected.includes(p.key));\n}\n","import { ChevronDown } from 'lucide-react';\nimport type { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { cn } from '../../../lib/utils';\nimport type { RoleOption } from '../../../types';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../ui';\n\nexport type { RoleOption } from '../../../types';\n\ntype RoleSelectFieldProps<T extends FieldValues> = {\n  control: Control<T>;\n  name: FieldPath<T>;\n  label: string;\n  options: RoleOption[];\n  className?: string;\n};\n\nexport function RoleSelectField<T extends FieldValues>({\n  control,\n  name,\n  label,\n  options,\n  className,\n}: RoleSelectFieldProps<T>) {\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => {\n        const selectedOption = options.find((opt) => opt.value === field.value);\n        const displayValue = selectedOption?.label ?? label;\n\n        return (\n          <FormItem className={className}>\n            <FormLabel>{label}</FormLabel>\n            <FormControl>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <button\n                    type=\"button\"\n                    role=\"combobox\"\n                    aria-label={label}\n                    onBlur={field.onBlur}\n                    className={cn(\n                      'flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-colors',\n                      'hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n                      'disabled:pointer-events-none disabled:opacity-50',\n                      'aria-invalid:ring-destructive/20 aria-invalid:border-destructive',\n                      !field.value && 'text-muted-foreground',\n                    )}\n                  >\n                    <span className=\"min-w-0 truncate text-left\">{displayValue}</span>\n                    <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 text-muted-foreground\" />\n                  </button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  align=\"start\"\n                  sideOffset={0}\n                  className={cn('min-w-(--radix-dropdown-menu-trigger-width) z-101')}\n                >\n                  {options.map((opt) => (\n                    <DropdownMenuItem key={opt.value} onClick={() => field.onChange(opt.value)}>\n                      {opt.label}\n                    </DropdownMenuItem>\n                  ))}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </FormControl>\n            <FormMessage />\n          </FormItem>\n        );\n      }}\n    />\n  );\n}\n"]}

package/dist/{chunk-XCDKWHJJ.js → chunk-QHNZTXPJ.js}

@@ -7,10 +7,10 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as React8 from 'react';
 import { useRef, useId, useState, useEffect } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { Check, Calendar as Calendar$1, ChevronLeft, ChevronRight, Loader2, XIcon, ChevronUp, ChevronDown, X, CheckSquare, FileText, ImagePlus, UploadCloud } from 'lucide-react';
+import { Check, Calendar as Calendar$1, ChevronLeft, ChevronRight, Loader2, XIcon, ChevronUp, ChevronDown, X, CheckSquare, Search, FileText, ImagePlus, UploadCloud } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { format, parse } from 'date-fns';
+import { format, isSameMonth, isSameDay, addDays, startOfMonth, startOfDay, endOfDay, isWithinInterval, addMonths, addWeeks, startOfWeek, endOfWeek, parse } from 'date-fns';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -1493,6 +1493,322 @@ function DropdownSelectSearchInput({
     }
   ) });
 }
+function startOfVisibleWeek(date, weekStartsOnMonday) {
+  return startOfWeek(date, { weekStartsOn: weekStartsOnMonday ? 1 : 0 });
+}
+function endOfVisibleWeek(date, weekStartsOnMonday) {
+  return endOfWeek(date, { weekStartsOn: weekStartsOnMonday ? 1 : 0 });
+}
+function monthGridDays(anchor, weekStartsOnMonday) {
+  const start = startOfVisibleWeek(startOfMonth(anchor), weekStartsOnMonday);
+  return Array.from({ length: 42 }, (_, i) => addDays(start, i));
+}
+function weekDays(anchor, weekStartsOnMonday) {
+  const start = startOfVisibleWeek(anchor, weekStartsOnMonday);
+  return Array.from({ length: 7 }, (_, i) => addDays(start, i));
+}
+function eventInterval(event) {
+  const start = startOfDay(event.start);
+  const end = event.end ? endOfDay(event.end) : endOfDay(event.start);
+  return { start, end };
+}
+function eventsOnDay(events, day) {
+  const dayStart = startOfDay(day);
+  const dayEnd = endOfDay(day);
+  return events.filter((event) => {
+    const { start, end } = eventInterval(event);
+    return isWithinInterval(dayStart, { start, end }) || isWithinInterval(dayEnd, { start, end }) || start <= dayStart && end >= dayEnd;
+  });
+}
+function weekdayLabels(weekStartsOnMonday, reference = /* @__PURE__ */ new Date()) {
+  const start = startOfVisibleWeek(reference, weekStartsOnMonday);
+  return Array.from({ length: 7 }, (_, i) => format(addDays(start, i), "EEE"));
+}
+function shiftAnchor(anchor, view, direction) {
+  if (view === "month") return addMonths(anchor, direction);
+  if (view === "week") return addWeeks(anchor, direction);
+  return addDays(anchor, direction);
+}
+function titleForView(anchor, view, weekStartsOnMonday) {
+  if (view === "month") return format(anchor, "MMMM yyyy");
+  if (view === "day") return format(anchor, "EEEE, MMM d, yyyy");
+  const start = startOfVisibleWeek(anchor, weekStartsOnMonday);
+  const end = endOfVisibleWeek(anchor, weekStartsOnMonday);
+  if (isSameMonth(start, end)) {
+    return `${format(start, "MMM d")} \u2013 ${format(end, "d, yyyy")}`;
+  }
+  return `${format(start, "MMM d")} \u2013 ${format(end, "MMM d, yyyy")}`;
+}
+var MAX_MONTH_CHIPS = 3;
+function useControlledDate(value, defaultValue, onChange) {
+  const [internal, setInternal] = React8.useState(defaultValue ?? /* @__PURE__ */ new Date());
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : internal;
+  const set = React8.useCallback(
+    (next) => {
+      if (!isControlled) setInternal(next);
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  return [current, set];
+}
+function useControlledView(value, defaultValue, onChange) {
+  const [internal, setInternal] = React8.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : internal;
+  const set = React8.useCallback(
+    (next) => {
+      if (!isControlled) setInternal(next);
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  return [current, set];
+}
+function EventChip({
+  event,
+  dense,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "event-calendar-chip",
+      className: cn(
+        "w-full truncate rounded-md px-1.5 text-left text-[0.7rem] font-medium leading-5",
+        "bg-primary/15 text-primary hover:bg-primary/25",
+        dense && "leading-4 text-[0.65rem]",
+        event.colorClassName
+      ),
+      style: event.color ? { backgroundColor: `${event.color}22`, color: event.color } : void 0,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick?.(event);
+      },
+      children: event.title
+    }
+  );
+}
+function EventCalendar({
+  events,
+  value,
+  defaultValue,
+  view: viewProp,
+  defaultView = "month",
+  onValueChange,
+  onViewChange,
+  onEventClick,
+  onSlotClick,
+  className,
+  weekStartsOnMonday = true,
+  labels
+}) {
+  const [safeAnchor, setAnchor] = useControlledDate(value, defaultValue, onValueChange);
+  const [safeView, setViewSafe] = useControlledView(viewProp, defaultView, onViewChange);
+  const weekdays = React8.useMemo(
+    () => weekdayLabels(weekStartsOnMonday, safeAnchor),
+    [weekStartsOnMonday, safeAnchor]
+  );
+  const go = (direction) => setAnchor(shiftAnchor(safeAnchor, safeView, direction));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "event-calendar",
+      className: cn(surfaceCard, "flex flex-col gap-3 p-3 sm:p-4", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "icon-sm",
+                "aria-label": "Previous",
+                onClick: () => go(-1),
+                children: /* @__PURE__ */ jsx(ChevronLeft, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "icon-sm",
+                "aria-label": "Next",
+                onClick: () => go(1),
+                children: /* @__PURE__ */ jsx(ChevronRight, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setAnchor(/* @__PURE__ */ new Date()), children: labels?.today ?? "Today" }),
+            /* @__PURE__ */ jsx("h2", { className: "ml-1 text-sm font-semibold sm:text-base", children: titleForView(safeAnchor, safeView, weekStartsOnMonday) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 rounded-lg border border-border/50 p-0.5", children: ["month", "week", "day"].map((v) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: safeView === v ? "secondary" : "ghost",
+              onClick: () => setViewSafe(v),
+              children: labels?.[v] ?? v.charAt(0).toUpperCase() + v.slice(1)
+            },
+            v
+          )) })
+        ] }),
+        safeView === "month" && /* @__PURE__ */ jsx(
+          MonthGrid,
+          {
+            anchor: safeAnchor,
+            events,
+            weekStartsOnMonday,
+            weekdays,
+            onEventClick,
+            onSlotClick
+          }
+        ),
+        safeView === "week" && /* @__PURE__ */ jsx(
+          WeekGrid,
+          {
+            anchor: safeAnchor,
+            events,
+            weekStartsOnMonday,
+            weekdays,
+            onEventClick,
+            onSlotClick
+          }
+        ),
+        safeView === "day" && /* @__PURE__ */ jsx(
+          DayPane,
+          {
+            anchor: safeAnchor,
+            events,
+            onEventClick,
+            onSlotClick
+          }
+        )
+      ]
+    }
+  );
+}
+function MonthGrid({
+  anchor,
+  events,
+  weekStartsOnMonday,
+  weekdays,
+  onEventClick,
+  onSlotClick
+}) {
+  const days = monthGridDays(anchor, weekStartsOnMonday);
+  const today = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-px", children: weekdays.map((label) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "px-1 py-1 text-center text-[0.7rem] font-medium text-muted-foreground",
+        children: label
+      },
+      label
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-px rounded-lg border border-border/40 bg-border/40 overflow-hidden", children: days.map((day) => {
+      const dayEvents = eventsOnDay(events, day);
+      const inMonth = isSameMonth(day, anchor);
+      const isToday = isSameDay(day, today);
+      const overflow = dayEvents.length - MAX_MONTH_CHIPS;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-slot": "event-calendar-day",
+          className: cn(
+            "flex min-h-[5.5rem] flex-col gap-0.5 bg-card p-1 text-left align-top",
+            "hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            !inMonth && "bg-muted/20 text-muted-foreground"
+          ),
+          onClick: () => onSlotClick?.(day),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-flex size-6 items-center justify-center rounded-md text-xs",
+                  isToday && "bg-primary text-primary-foreground font-semibold"
+                ),
+                children: format(day, "d")
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+              dayEvents.slice(0, MAX_MONTH_CHIPS).map((event) => /* @__PURE__ */ jsx(EventChip, { event, dense: true, onClick: onEventClick }, event.id)),
+              overflow > 0 && /* @__PURE__ */ jsxs("span", { className: "px-1 text-[0.65rem] text-muted-foreground", children: [
+                "+",
+                overflow
+              ] })
+            ] })
+          ]
+        },
+        day.toISOString()
+      );
+    }) })
+  ] });
+}
+function WeekGrid({
+  anchor,
+  events,
+  weekStartsOnMonday,
+  weekdays,
+  onEventClick,
+  onSlotClick
+}) {
+  const days = weekDays(anchor, weekStartsOnMonday);
+  const today = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-7", children: days.map((day, i) => {
+    const dayEvents = eventsOnDay(events, day);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "flex min-h-[10rem] flex-col gap-1 rounded-lg border border-border/40 bg-card p-2 text-left",
+          "hover:bg-accent/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          isSameDay(day, today) && "ring-1 ring-primary/40"
+        ),
+        onClick: () => onSlotClick?.(day),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[0.7rem] text-muted-foreground", children: weekdays[i] }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: format(day, "d") })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: dayEvents.map((event) => /* @__PURE__ */ jsx(EventChip, { event, onClick: onEventClick }, event.id)) })
+        ]
+      },
+      day.toISOString()
+    );
+  }) });
+}
+function DayPane({
+  anchor,
+  events,
+  onEventClick,
+  onSlotClick
+}) {
+  const dayEvents = eventsOnDay(events, anchor);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        "flex min-h-[16rem] flex-col gap-2 rounded-lg border border-border/40 bg-card p-3 text-left",
+        "hover:bg-accent/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      onClick: () => onSlotClick?.(anchor),
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: format(anchor, "EEEE, MMMM d") }),
+        dayEvents.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No events" }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: dayEvents.map((event) => /* @__PURE__ */ jsx(EventChip, { event, onClick: onEventClick }, event.id)) })
+      ]
+    }
+  );
+}
 var labelVariants = cva(
   "text-sm font-medium leading-none tracking-tight text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
@@ -1923,6 +2239,94 @@ var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...pro
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+function SearchField({
+  value,
+  onValueChange,
+  onSubmit,
+  onClear,
+  placeholder,
+  "aria-label": ariaLabel,
+  searchButtonLabel = "Search",
+  clearButtonLabel = "Clear",
+  className,
+  inputClassName,
+  disabled,
+  id,
+  name,
+  autoComplete = "off"
+}) {
+  const hasText = value.trim().length > 0;
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      onSubmit();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex h-9 w-full min-w-0 overflow-hidden rounded-md border border-input bg-background shadow-xs",
+        "transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20",
+        disabled && "opacity-60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 flex-1 items-center", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id,
+              name,
+              autoComplete,
+              disabled,
+              placeholder,
+              value,
+              onChange: (e) => onValueChange(e.target.value),
+              onKeyDown: handleKeyDown,
+              className: cn(
+                "h-9 rounded-none rounded-l-md border-0 bg-transparent px-3 shadow-none",
+                "focus-visible:border-transparent focus-visible:ring-0",
+                hasText && onClear && "pr-9",
+                inputClassName
+              ),
+              "aria-label": ariaLabel ?? placeholder
+            }
+          ),
+          hasText && onClear ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-sm",
+              disabled,
+              onClick: onClear,
+              "aria-label": clearButtonLabel,
+              className: "absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground hover:bg-muted/60 hover:text-foreground",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": true })
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "default",
+            disabled,
+            onClick: onSubmit,
+            "aria-label": searchButtonLabel,
+            className: cn(
+              "h-full w-10 shrink-0 rounded-none rounded-r-md border-0 border-l border-primary-foreground/15 px-0 shadow-none",
+              "hover:bg-primary/90 active:bg-primary/95",
+              "shadow-[inset_0_1px_0_0_color-mix(in_oklch,var(--primary-foreground)_20%,transparent)]"
+            ),
+            children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4", "aria-hidden": true })
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/components/ui/select-search/index.ts
 var SEARCHABLE_SELECT_MIN_OPTIONS = 8;
@@ -2546,6 +2950,6 @@ function UploadDropzone(props) {
   ] });
 }
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Calendar, Checkbox, ConfirmDialog, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, DropdownScrollableList, DropdownSelectSearchInput, Form, FormControl, FormDescription, FormDrawer, FormField, FormItem, FormLabel, FormMessage, H3, Heading, Label, Link, MultiSelect, Paragraph, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SEARCHABLE_SELECT_MIN_OPTIONS, ScrollArea, ScrollBar, Select, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipProvider, UploadDropzone, badgeVariants, dropdownMenuSelectOptionsMaxHeightClassName, filterSelectOptions, foldSearchText, headingVariants, isSelectSearchable, linkStyles, paragraphVariants, useFormField };
-//# sourceMappingURL=chunk-XCDKWHJJ.js.map
-//# sourceMappingURL=chunk-XCDKWHJJ.js.map
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Calendar, Checkbox, ConfirmDialog, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, DropdownScrollableList, DropdownSelectSearchInput, EventCalendar, Form, FormControl, FormDescription, FormDrawer, FormField, FormItem, FormLabel, FormMessage, H3, Heading, Label, Link, MultiSelect, Paragraph, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SEARCHABLE_SELECT_MIN_OPTIONS, ScrollArea, ScrollBar, SearchField, Select, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipProvider, UploadDropzone, badgeVariants, dropdownMenuSelectOptionsMaxHeightClassName, filterSelectOptions, foldSearchText, headingVariants, isSelectSearchable, linkStyles, paragraphVariants, useFormField };
+//# sourceMappingURL=chunk-QHNZTXPJ.js.map
+//# sourceMappingURL=chunk-QHNZTXPJ.js.map