@tomny-dev/uzi 0.6.3 → 0.7.0-pr.78.214.1.87d1ede

package/dist/index69.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index69.cjs","names":[],"sources":["../src/components/data-table/DataTable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./data-table.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface Column<T = Record<string, unknown>> {\n  key: string;\n  label: React.ReactNode;\n  accessor?: (row: T) => React.ReactNode;\n  sortable?: boolean;\n  width?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport type DataTableRowAction = {\n  label: string;\n  onClick: (row: Record<string, unknown>) => void;\n};\n\nexport interface DataTableProps<T = Record<string, unknown>> {\n  data: T[];\n  columns: readonly Column<T>[];\n  /** Array of action buttons to render per row */\n  onRowAction?: DataTableRowAction[];\n  /** Called when rows are selected; receives selected row IDs */\n  onSelectionChange?: (selectedIds: string[]) => void;\n  /** Whether the table is in a loading state */\n  loading?: boolean;\n  /** Message displayed when data is empty */\n  emptyMessage?: string;\n  /** Number of rows per page */\n  pageSize?: number;\n  /** Whether rows are selectable via checkbox */\n  selectable?: boolean;\n  /** Custom row key extractor (defaults to row.id) */\n  rowKey?: (row: T) => string;\n  /** Additional class name for the table wrapper */\n  className?: string;\n}\n\nexport function DataTable<T extends Record<string, unknown> = Record<string, unknown>>({\n  data,\n  columns,\n  onRowAction,\n  onSelectionChange,\n  loading = false,\n  emptyMessage = \"No data found\",\n  pageSize = 10,\n  selectable = false,\n  rowKey = (row: T) => String(row.id ?? \"\"),\n  className,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = React.useState<string | null>(null);\n  const [sortDir, setSortDir] = React.useState<SortDirection>(\"asc\");\n  const [page, setPage] = React.useState(1);\n  const [selected, setSelected] = React.useState<Set<string>>(new Set());\n\n  const handleSort = (key: string) => {\n    if (key === sortKey) {\n      setSortDir((d) => (d === \"asc\" ? \"desc\" : \"asc\"));\n    } else {\n      setSortKey(key);\n      setSortDir(\"asc\");\n    }\n  };\n\n  const toggleRow = (id: string) => {\n    const next = new Set(selected);\n    if (next.has(id)) {\n      next.delete(id);\n    } else {\n      next.add(id);\n    }\n    setSelected(next);\n    onSelectionChange?.(Array.from(next));\n  };\n\n  const toggleAll = () => {\n    const allKeys = displayedData.map((r) => rowKey(r));\n    const allSelected = allKeys.every((k) => selected.has(k));\n    const next = new Set(selected);\n    if (allSelected) {\n      allKeys.forEach((k) => next.delete(k));\n    } else {\n      allKeys.forEach((k) => next.add(k));\n    }\n    setSelected(next);\n    onSelectionChange?.(Array.from(next));\n  };\n\n  const totalPages = Math.max(1, Math.ceil(data.length / pageSize));\n  const safePage = Math.min(page, totalPages);\n  const columnSpan =\n    columns.length + (selectable ? 1 : 0) + (onRowAction && onRowAction.length > 0 ? 1 : 0);\n\n  React.useEffect(() => {\n    if (page > totalPages) {\n      setPage(totalPages);\n    }\n  }, [data.length, page, totalPages]);\n\n  const sortedData = React.useMemo(() => {\n    if (!sortKey) return data;\n\n    const sortColumn = columns.find((column) => column.key === sortKey);\n    const getSortValue = (row: T): unknown => {\n      if (sortColumn?.accessor) {\n        const accessed = sortColumn.accessor(row);\n        if (typeof accessed === \"string\" || typeof accessed === \"number\") {\n          return accessed;\n        }\n      }\n      return row[sortKey as keyof T];\n    };\n\n    return [...data].sort((a, b) => {\n      const aVal = getSortValue(a);\n      const bVal = getSortValue(b);\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      let cmp = 0;\n      if (typeof aVal === \"number\" && typeof bVal === \"number\") {\n        cmp = aVal - bVal;\n      } else {\n        cmp = String(aVal).localeCompare(String(bVal));\n      }\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [columns, data, sortKey, sortDir]);\n\n  const displayedData = React.useMemo(() => {\n    const start = (safePage - 1) * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [sortedData, safePage, pageSize]);\n\n  const displayedKeys = React.useMemo(() => displayedData.map(rowKey), [displayedData, rowKey]);\n  const allPageSelected =\n    displayedKeys.length > 0 && displayedKeys.every((k) => selected.has(k));\n  const somePageSelected =\n    displayedKeys.length > 0 && displayedKeys.some((k) => selected.has(k));\n\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <div className={styles.tableContainer}>\n        <table className={styles.table}>\n          <thead className={styles.thead}>\n            <tr>\n              {selectable && (\n                <th className={styles.headerCell} aria-label=\"Select all\">\n                  <input\n                    type=\"checkbox\"\n                    checked={allPageSelected}\n                    ref={(el) => {\n                      if (el) el.indeterminate = somePageSelected && !allPageSelected;\n                    }}\n                    onChange={toggleAll}\n                    className={styles.checkbox}\n                    aria-label=\"Select all rows on this page\"\n                  />\n                </th>\n              )}\n              {columns.map((col) => {\n                const ariaSort = col.sortable\n                  ? sortKey === col.key\n                    ? sortDir === \"asc\"\n                      ? \"ascending\"\n                      : \"descending\"\n                    : \"none\"\n                  : undefined;\n\n                return (\n                  <th\n                    key={col.key}\n                    className={cx(\n                      styles.headerCell,\n                      col.width && styles.headerCellFixed,\n                      col.align && styles[`align${col.align.charAt(0).toUpperCase() + col.align.slice(1)}`],\n                    )}\n                    style={col.width ? { width: col.width } : undefined}\n                    aria-sort={ariaSort}\n                  >\n                    {col.sortable ? (\n                      <button\n                        type=\"button\"\n                        className={cx(styles.sortableHeader, styles.clickableHeader)}\n                        onClick={() => handleSort(col.key)}\n                      >\n                        <span className={styles.headerLabel}>{col.label}</span>\n                        <span className={styles.sortIcon} aria-hidden=\"true\">\n                          {sortKey === col.key ? (\n                            sortDir === \"asc\" ? (\n                              \"\\u25B2\"\n                            ) : (\n                              \"\\u25BC\"\n                            )\n                          ) : (\n                            \"\\u25B2\\u25BC\"\n                          )}\n                        </span>\n                      </button>\n                    ) : (\n                      <span className={styles.headerLabel}>{col.label}</span>\n                    )}\n                  </th>\n                );\n              })}\n              {onRowAction && onRowAction.length > 0 && (\n                <th className={styles.headerCell} style={{ width: \"5rem\" }}>\n                  <span className={styles.headerLabel}>Actions</span>\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody className={styles.tbody}>\n            {loading ? (\n              <tr>\n                <td colSpan={columnSpan} className={styles.loadingCell}>\n                  <div className={styles.loadingRow} aria-busy=\"true\">\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                  </div>\n                  <div className={styles.loadingRow} aria-busy=\"true\">\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                  </div>\n                  <div className={styles.loadingRow} aria-busy=\"true\">\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                    <div className={styles.skeletonBar} />\n                  </div>\n                </td>\n              </tr>\n            ) : data.length === 0 ? (\n              <tr>\n                <td colSpan={columnSpan} className={styles.emptyCell}>\n                  {emptyMessage}\n                </td>\n              </tr>\n            ) : (\n              displayedData.map((row) => {\n                const id = rowKey(row);\n                return (\n                  <tr key={id} className={cx(styles.row, selected.has(id) && styles.rowSelected)}>\n                    {selectable && (\n                      <td className={styles.cell}>\n                        <input\n                          type=\"checkbox\"\n                          checked={selected.has(id)}\n                          onChange={() => toggleRow(id)}\n                          className={styles.checkbox}\n                          aria-label={`Select row ${id}`}\n                        />\n                      </td>\n                    )}\n                    {columns.map((col) => (\n                      <td\n                        key={`${id}-${col.key}`}\n                        className={cx(\n                          styles.cell,\n                          col.align && styles[`align${col.align.charAt(0).toUpperCase() + col.align.slice(1)}`],\n                        )}\n                      >\n                        {col.accessor ? col.accessor(row) : String(row[col.key as keyof T] ?? \"\")}\n                      </td>\n                    ))}\n                    {onRowAction && onRowAction.length > 0 && (\n                      <td className={styles.cell}>\n                        <div className={styles.rowActions}>\n                          {onRowAction.map((action) => (\n                            <button\n                              key={action.label}\n                              type=\"button\"\n                              className={styles.actionBtn}\n                              onClick={() => action.onClick(row)}\n                            >\n                              {action.label}\n                            </button>\n                          ))}\n                        </div>\n                      </td>\n                    )}\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {data.length > pageSize && (\n        <div className={styles.pagination}>\n          <span className={styles.paginationInfo}>\n            Page {safePage} of {totalPages}\n          </span>\n          <div className={styles.paginationButtons}>\n            <button\n              type=\"button\"\n              className={styles.pageBtn}\n              disabled={safePage <= 1}\n              onClick={() => setPage((p) => Math.max(1, p - 1))}\n              aria-label=\"Previous page\"\n            >\n              &larr;\n            </button>\n            <button\n              type=\"button\"\n              className={styles.pageBtn}\n              disabled={safePage >= totalPages}\n              onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n              aria-label=\"Next page\"\n            >\n              &rarr;\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index69.cjs","names":[],"sources":["../src/components/auth-pages/AuthPages.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./auth-pages.module.css\";\n\n// ── Eye icon (show/hide password) ──\nfunction EyeIcon({ open }: { open: boolean }) {\n  if (open) {\n    return (\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className={styles.eyeIcon}>\n        <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      </svg>\n    );\n  }\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className={styles.eyeIcon}>\n      <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  );\n}\n\n// ── Internal reusable field ──\ninterface FieldProps {\n  label: string;\n  id: string;\n  children: React.ReactNode;\n  error?: string;\n}\n\nfunction Field({ label, id, children, error }: FieldProps) {\n  return (\n    <div className={styles.field}>\n      <label htmlFor={id} className={styles.label}>\n        {label}\n      </label>\n      {children}\n      {error && <span className={styles.error}>{error}</span>}\n    </div>\n  );\n}\n\n// ── Password input with visibility toggle ──\ninterface PasswordFieldProps {\n  id: string;\n  label?: string;\n  placeholder?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  error?: string;\n}\n\nfunction PasswordField({ id, label, placeholder, value, onChange, error }: PasswordFieldProps) {\n  const [show, setShow] = React.useState(false);\n  const toggleRef = React.useRef<HTMLButtonElement>(null);\n\n  return (\n    <Field label={label ?? \"Password\"} id={id} error={error}>\n      <div className={styles.passwordWrapper}>\n        <input\n          id={id}\n          type={show ? \"text\" : \"password\"}\n          placeholder={placeholder}\n          value={value}\n          onChange={onChange}\n          className={styles.input}\n        />\n        <button\n          ref={toggleRef}\n          type=\"button\"\n          onClick={() => setShow((s) => !s)}\n          className={styles.toggle}\n          aria-label={show ? \"Hide password\" : \"Show password\"}\n        >\n          <EyeIcon open={show} />\n        </button>\n      </div>\n    </Field>\n  );\n}\n\n// ── Checkbox row ──\ninterface CheckboxRowProps {\n  label?: string;\n  linkText: string;\n  linkHref?: string;\n}\n\ninterface CheckboxRowPropsExtended extends CheckboxRowProps {\n  checked?: boolean;\n  onChange?: (checked: boolean) => void;\n}\n\nfunction CheckboxRow({ label, linkText, linkHref, checked, onChange }: CheckboxRowPropsExtended) {\n  if (!label) return null;\n  return (\n    <div className={styles.checkboxRow}>\n      <label className={styles.checkboxLabel}>\n        <input\n          type=\"checkbox\"\n          className={styles.checkbox}\n          checked={checked}\n          onChange={(e) => onChange?.(e.target.checked)}\n        />\n        <span>{label}</span>\n      </label>\n      {linkHref && (\n        <a href={linkHref} className={styles.forgotLink}>\n          {linkText}\n        </a>\n      )}\n    </div>\n  );\n}\n\n// ── Shared props ──\ninterface BaseAuthPageProps {\n  /** Page title */\n  title: string;\n  /** Page subtitle */\n  subtitle?: string;\n  /** Footer content (e.g., \"No account? Sign up\") */\n  footer?: React.ReactNode;\n  /** Called with form data on valid submit */\n  onSubmit?: (data: Record<string, string | boolean>) => void;\n  /** Loading state for the submit button */\n  loading?: boolean;\n  /** Optional brand/logo element */\n  brand?: React.ReactNode;\n  /** Extra class for the outer wrapper */\n  className?: string;\n}\n\n// ── Sign In Page ──\nexport interface SignInPageProps extends BaseAuthPageProps {\n  /** Email placeholder (default \"Email address\") */\n  emailPlaceholder?: string;\n  /** Password placeholder (default \"Password\") */\n  passwordPlaceholder?: string;\n  /** \"Remember me\" checkbox label */\n  rememberLabel?: string;\n  /** \"Forgot password\" link text */\n  forgotLinkText?: string;\n  /** \"Forgot password\" link href */\n  forgotLinkHref?: string;\n}\n\nexport function SignInPage({\n  title = \"Sign in\",\n  subtitle,\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  passwordPlaceholder = \"Password\",\n  rememberLabel = \"Remember me\",\n  forgotLinkText = \"Forgot password?\",\n  forgotLinkHref,\n}: SignInPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [rememberMe, setRememberMe] = React.useState(false);\n  const [errors, setErrors] = React.useState<Record<string, string>>({});\n  const [submitted, setSubmitted] = React.useState(false);\n\n  const validate = (): boolean => {\n    const newErrors: Record<string, string> = {};\n    if (!email.trim()) newErrors.email = \"Email is required\";\n    else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) newErrors.email = \"Enter a valid email\";\n    if (!password) newErrors.password = \"Password is required\";\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSubmitted(true);\n    if (!validate()) return;\n    onSubmit?.({ email, password, rememberMe });\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        <form onSubmit={handleSubmit} className={styles.authForm}>\n          <Field label={emailPlaceholder} id={id + \"-email\"} error={submitted ? errors.email : undefined}>\n            <input\n              id={id + \"-email\"}\n              type=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              className={styles.input}\n              autoComplete=\"email\"\n              autoFocus\n            />\n          </Field>\n          <PasswordField\n            label={passwordPlaceholder}\n            id={id + \"-password\"}\n            placeholder={passwordPlaceholder}\n            value={password}\n            onChange={(e) => { setPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.password : undefined}\n          />\n          <CheckboxRow\n            label={rememberLabel}\n            linkText={forgotLinkText}\n            linkHref={forgotLinkHref}\n            checked={rememberMe}\n            onChange={(c) => { setRememberMe(c); if (submitted) setSubmitted(false); }}\n          />\n          <button\n            type=\"submit\"\n            disabled={loading}\n            className={styles.submitButton}\n          >\n            {loading ? (\n              <>\n                <span className={styles.spinner} />\n                Signing in...\n              </>\n            ) : (\n              \"Sign in\"\n            )}\n          </button>\n        </form>\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ── Sign Up Page ──\nexport interface SignUpPageProps extends BaseAuthPageProps {\n  /** Email placeholder */\n  emailPlaceholder?: string;\n  /** Password placeholder */\n  passwordPlaceholder?: string;\n  /** Confirm password placeholder */\n  confirmPasswordPlaceholder?: string;\n  /** Checkbox label (e.g., \"I agree to the Terms of Service\") */\n  checkboxLabel?: string;\n  /** Checkbox href */\n  checkboxLinkText?: string;\n  /** Checkbox href */\n  checkboxLinkHref?: string;\n}\n\nexport function SignUpPage({\n  title = \"Create an account\",\n  subtitle,\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  passwordPlaceholder = \"Password\",\n  confirmPasswordPlaceholder = \"Confirm password\",\n  checkboxLabel,\n  checkboxLinkText,\n  checkboxLinkHref,\n}: SignUpPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [confirmPassword, setConfirmPassword] = React.useState(\"\");\n  const [agreed, setAgreed] = React.useState(false);\n  const [errors, setErrors] = React.useState<Record<string, string>>({});\n  const [submitted, setSubmitted] = React.useState(false);\n\n  const validate = (): boolean => {\n    const newErrors: Record<string, string> = {};\n    if (!email.trim()) newErrors.email = \"Email is required\";\n    else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) newErrors.email = \"Enter a valid email\";\n    if (!password) newErrors.password = \"Password is required\";\n    else if (password.length < 8) newErrors.password = \"At least 8 characters\";\n    if (password !== confirmPassword) newErrors.confirmPassword = \"Passwords do not match\";\n    if (!agreed) newErrors.agreed = \"You must agree to continue\";\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSubmitted(true);\n    if (!validate()) return;\n    onSubmit?.({ email, password, agreed });\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        <form onSubmit={handleSubmit} className={styles.authForm}>\n          <Field label={emailPlaceholder} id={id + \"-email\"} error={submitted ? errors.email : undefined}>\n            <input\n              id={id + \"-email\"}\n              type=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={(e) => { setEmail(e.target.value); if (submitted) setSubmitted(false); }}\n              className={styles.input}\n              autoComplete=\"email\"\n              autoFocus\n            />\n          </Field>\n          <PasswordField\n            label={passwordPlaceholder}\n            id={id + \"-password\"}\n            placeholder={passwordPlaceholder}\n            value={password}\n            onChange={(e) => { setPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.password : undefined}\n          />\n          <PasswordField\n            label={confirmPasswordPlaceholder}\n            id={id + \"-confirm\"}\n            placeholder={confirmPasswordPlaceholder}\n            value={confirmPassword}\n            onChange={(e) => { setConfirmPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.confirmPassword : undefined}\n          />\n          {checkboxLabel && (\n            <div className={styles.checkboxRow}>\n              <label className={styles.checkboxLabel}>\n                <input\n                  id={id + \"-agreed\"}\n                  type=\"checkbox\"\n                  checked={agreed}\n                  onChange={(e) => { setAgreed(e.target.checked); if (submitted) setSubmitted(false); }}\n                  className={styles.checkbox}\n                />\n                <span>\n                  {checkboxLinkText ? (\n                    <>\n                      I agree to the{\" \"}\n                      <a href={checkboxLinkHref} className={styles.checkboxLink}>\n                        {checkboxLinkText}\n                      </a>\n                    </>\n                  ) : (\n                    checkboxLabel\n                  )}\n                </span>\n              </label>\n            </div>\n          )}\n          {submitted && errors.agreed && <span className={styles.error}>{errors.agreed}</span>}\n          <button\n            type=\"submit\"\n            disabled={loading}\n            className={styles.submitButton}\n          >\n            {loading ? (\n              <>\n                <span className={styles.spinner} />\n                Creating account...\n              </>\n            ) : (\n              \"Create account\"\n            )}\n          </button>\n        </form>\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ── Forgot Password Page ──\nexport interface ForgotPasswordPageProps extends BaseAuthPageProps {\n  /** Email placeholder */\n  emailPlaceholder?: string;\n  /** Button text */\n  buttonText?: string;\n  /** Back to sign in link text */\n  backLinkText?: string;\n  /** Back to sign in link href */\n  backLinkHref?: string;\n}\n\nexport function ForgotPasswordPage({\n  title = \"Reset password\",\n  subtitle = \"Enter your email and we'll send a reset link\",\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  buttonText = \"Send reset link\",\n  backLinkText = \"Back to sign in\",\n  backLinkHref = \"/signin\",\n}: ForgotPasswordPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [error, setError] = React.useState(\"\");\n  const [sent, setSent] = React.useState(false);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!email.trim()) { setError(\"Email is required\"); return; }\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) { setError(\"Enter a valid email\"); return; }\n    onSubmit?.({ email });\n    setSent(true);\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        {sent ? (\n          <div className={styles.sentMessage}>\n            <p className={styles.sentText}>\n              If an account exists for <strong>{email}</strong>, you'll receive a reset link shortly.\n            </p>\n            <a href={backLinkHref} className={styles.backLink}>\n              {backLinkText}\n            </a>\n          </div>\n        ) : (\n          <form onSubmit={handleSubmit} className={styles.authForm}>\n            <Field label={emailPlaceholder} id={id + \"-email\"} error={error}>\n              <input\n                id={id + \"-email\"}\n                type=\"email\"\n                placeholder=\"you@example.com\"\n                value={email}\n                onChange={(e) => { setEmail(e.target.value); setError(\"\"); }}\n                className={styles.input}\n                autoComplete=\"email\"\n                autoFocus\n              />\n            </Field>\n            <button\n              type=\"submit\"\n              disabled={loading}\n              className={styles.submitButton}\n            >\n              {loading ? (\n                <>\n                  <span className={styles.spinner} />\n                  Sending...\n                </>\n              ) : (\n                buttonText\n              )}\n            </button>\n          </form>\n        )}\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/index69.js

@@ -1,47 +1,63 @@
-//#region src/components/settings-page/settings-page.module.css
-var wrapper = "uzi-settings-page-module__wrapper__G7OOt";
-var header = "uzi-settings-page-module__header__ao-nv";
-var headerContent = "uzi-settings-page-module__headerContent__xwP9V";
-var title = "uzi-settings-page-module__title__anF9l";
-var description = "uzi-settings-page-module__description__Qw6EQ";
-var content = "uzi-settings-page-module__content__MBz6q";
-var sections = "uzi-settings-page-module__sections__HV2n4";
-var section = "uzi-settings-page-module__section__Vjoe3";
-var sectionHeader = "uzi-settings-page-module__sectionHeader__XiOWN";
-var sectionTitle = "uzi-settings-page-module__sectionTitle__bN5lO";
-var sectionDescription = "uzi-settings-page-module__sectionDescription__3wjhy";
-var sectionBody = "uzi-settings-page-module__sectionBody__zraHK";
-var dangerZone = "uzi-settings-page-module__dangerZone__GD8XX";
-var dangerZoneHeader = "uzi-settings-page-module__dangerZoneHeader__2d3R1";
-var dangerZoneTitle = "uzi-settings-page-module__dangerZoneTitle__ljU2k";
-var dangerZoneDescription = "uzi-settings-page-module__dangerZoneDescription__Z3Ohe";
-var dangerZoneBody = "uzi-settings-page-module__dangerZoneBody__zAQbu";
-var footer = "uzi-settings-page-module__footer__dO4Xo";
-var footerContent = "uzi-settings-page-module__footerContent__pPOdb";
-var savingIndicator = "uzi-settings-page-module__savingIndicator__ujaC5";
-var settings_page_module_default = {
+//#region src/components/data-table/data-table.module.css
+var wrapper = "uzi-data-table-module__wrapper__7521u";
+var tableContainer = "uzi-data-table-module__tableContainer__BJcbK";
+var table = "uzi-data-table-module__table__Mv5vN";
+var thead = "uzi-data-table-module__thead__dWIBv";
+var headerCell = "uzi-data-table-module__headerCell__kwwWs";
+var headerCellFixed = "uzi-data-table-module__headerCellFixed__8WRi5";
+var alignLeft = "uzi-data-table-module__alignLeft__Kwz-k";
+var alignCenter = "uzi-data-table-module__alignCenter__BxT33";
+var alignRight = "uzi-data-table-module__alignRight__B3fd1";
+var sortableHeader = "uzi-data-table-module__sortableHeader__aAEjv";
+var clickableHeader = "uzi-data-table-module__clickableHeader__8F9R3";
+var headerLabel = "uzi-data-table-module__headerLabel__bsfii";
+var sortIcon = "uzi-data-table-module__sortIcon__nAsRD";
+var tbody = "uzi-data-table-module__tbody__yWSPd";
+var row = "uzi-data-table-module__row__im568";
+var rowSelected = "uzi-data-table-module__rowSelected__U91El";
+var cell = "uzi-data-table-module__cell__I2qYk";
+var checkbox = "uzi-data-table-module__checkbox__XHo0c";
+var loadingCell = "uzi-data-table-module__loadingCell__YOsVj";
+var loadingRow = "uzi-data-table-module__loadingRow__TONNo";
+var skeletonBar = "uzi-data-table-module__skeletonBar__JTU6c";
+var shimmer = "uzi-data-table-module__shimmer__30BeV";
+var emptyCell = "uzi-data-table-module__emptyCell__CNH4t";
+var rowActions = "uzi-data-table-module__rowActions__NV6Ag";
+var actionBtn = "uzi-data-table-module__actionBtn__78gdR";
+var pagination = "uzi-data-table-module__pagination__qOgpw";
+var paginationButtons = "uzi-data-table-module__paginationButtons__v64jr";
+var pageBtn = "uzi-data-table-module__pageBtn__gdLj2";
+var data_table_module_default = {
 	wrapper,
-	header,
-	headerContent,
-	title,
-	description,
-	content,
-	sections,
-	section,
-	sectionHeader,
-	sectionTitle,
-	sectionDescription,
-	sectionBody,
-	dangerZone,
-	dangerZoneHeader,
-	dangerZoneTitle,
-	dangerZoneDescription,
-	dangerZoneBody,
-	footer,
-	footerContent,
-	savingIndicator
+	tableContainer,
+	table,
+	thead,
+	headerCell,
+	headerCellFixed,
+	alignLeft,
+	alignCenter,
+	alignRight,
+	sortableHeader,
+	clickableHeader,
+	headerLabel,
+	sortIcon,
+	tbody,
+	row,
+	rowSelected,
+	cell,
+	checkbox,
+	loadingCell,
+	loadingRow,
+	skeletonBar,
+	shimmer,
+	emptyCell,
+	rowActions,
+	actionBtn,
+	pagination,
+	paginationButtons,
+	pageBtn
 };
 //#endregion
-export { content, dangerZone, dangerZoneBody, dangerZoneDescription, dangerZoneHeader, dangerZoneTitle, settings_page_module_default as default, description, footer, footerContent, header, headerContent, savingIndicator, section, sectionBody, sectionDescription, sectionHeader, sectionTitle, sections, title, wrapper };
+export { actionBtn, alignCenter, alignLeft, alignRight, cell, checkbox, clickableHeader, data_table_module_default as default, emptyCell, headerCell, headerCellFixed, headerLabel, loadingCell, loadingRow, pageBtn, pagination, paginationButtons, row, rowActions, rowSelected, shimmer, skeletonBar, sortIcon, sortableHeader, table, tableContainer, tbody, thead, wrapper };
 
 //# sourceMappingURL=index69.js.map

package/dist/index69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index69.js","names":[],"sources":["../src/components/settings-page/settings-page.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  background: var(--background);\n  color: var(--foreground);\n}\n\n.header {\n  padding: 2rem 2rem 0;\n  flex-shrink: 0;\n}\n\n.headerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n}\n\n.title {\n  margin: 0 0 0.25rem;\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.description {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.content {\n  flex: 1;\n  padding: 1.5rem 2rem 6rem;\n  max-width: 64rem;\n  margin: 0 auto;\n  width: 100%;\n  overflow-y: auto;\n}\n\n.sections {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.section {\n  border-bottom: 1px solid var(--border);\n  padding-bottom: 1.5rem;\n}\n\n.section:last-of-type {\n  border-bottom: none;\n}\n\n.sectionHeader {\n  margin-bottom: 1.25rem;\n}\n\n.sectionTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--foreground);\n}\n\n.sectionDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.sectionBody {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.dangerZone {\n  margin-top: 2rem;\n  border: 1px solid var(--ts-danger-border, var(--destructive));\n  border-radius: 8px;\n  background: var(--ts-danger-bg, color-mix(in srgb, var(--destructive) 8%, transparent));\n  padding: 1.5rem;\n}\n\n.dangerZoneHeader {\n  margin-bottom: 1rem;\n}\n\n.dangerZoneTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--ts-danger-text, var(--destructive));\n}\n\n.dangerZoneDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.dangerZoneBody {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-top: 1px solid var(--border);\n  background: var(--background);\n  z-index: 10;\n  padding: 0.75rem 2rem;\n}\n\n.footerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.savingIndicator {\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n}\n\n@media (max-width: 48rem) {\n  .header {\n    padding: 1.5rem 1rem 0;\n  }\n\n  .content {\n    padding: 1rem 1rem 6rem;\n  }\n\n  .footer {\n    padding: 0.75rem 1rem;\n  }\n\n  .footerContent {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index69.js","names":[],"sources":["../src/components/data-table/data-table.module.css"],"sourcesContent":[".wrapper {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.tableContainer {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n  text-align: left;\n  color: var(--foreground);\n}\n\n.thead {\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCell {\n  padding: 0.75rem 1rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  vertical-align: bottom;\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCellFixed {\n  white-space: nowrap;\n}\n\n.alignLeft {\n  text-align: left;\n}\n\n.alignCenter {\n  text-align: center;\n}\n\n.alignRight {\n  text-align: right;\n}\n\n.sortableHeader {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n.clickableHeader {\n  cursor: pointer;\n}\n\n.clickableHeader:hover {\n  color: var(--foreground);\n}\n\n.clickableHeader:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.headerLabel {\n  font: inherit;\n}\n\n.sortIcon {\n  font-size: 0.7rem;\n  opacity: 0.4;\n  user-select: none;\n}\n\n.tbody {\n  border-top: 1px solid var(--border);\n}\n\n.row {\n  border-bottom: 1px solid var(--border);\n  transition: background-color 0.12s ease;\n}\n\n.row:hover {\n  background-color: var(--muted);\n}\n\n.rowSelected {\n  background-color: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.cell {\n  padding: 0.75rem 1rem;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.loadingCell {\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\n.loadingRow {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-bottom: 0.75rem;\n  opacity: 0.6;\n}\n\n.skeletonBar {\n  height: 0.75rem;\n  border-radius: 4px;\n  background: linear-gradient(90deg, var(--muted) 25%, var(--secondary) 50%, var(--muted) 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.emptyCell {\n  padding: 2rem 1rem;\n  text-align: center;\n  color: var(--muted-foreground);\n  font-style: italic;\n}\n\n.rowActions {\n  display: inline-flex;\n  gap: 0.5rem;\n}\n\n.actionBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  color: var(--muted-foreground);\n  cursor: pointer;\n  font-size: 0.8rem;\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  transition: color 0.12s, background-color 0.12s;\n}\n\n.actionBtn:hover {\n  color: var(--foreground);\n  background-color: var(--muted);\n}\n\n.actionBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  border-top: 1px solid var(--border);\n  font-size: 0.8rem;\n  color: var(--muted-foreground);\n}\n\n.paginationButtons {\n  display: inline-flex;\n  gap: 0.25rem;\n}\n\n.pageBtn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--background);\n  color: var(--foreground);\n  cursor: pointer;\n  font-size: 0.85rem;\n  transition: background-color 0.12s, border-color 0.12s;\n}\n\n.pageBtn:hover:not(:disabled) {\n  background-color: var(--muted);\n  border-color: var(--accent);\n}\n\n.pageBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pageBtn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n"],"mappings":""}

package/dist/index70.cjs

@@ -1,67 +1,91 @@
-//#region src/components/settings-page/settings-page.module.css
-var wrapper = "uzi-settings-page-module__wrapper__G7OOt";
-var header = "uzi-settings-page-module__header__ao-nv";
-var headerContent = "uzi-settings-page-module__headerContent__xwP9V";
-var title = "uzi-settings-page-module__title__anF9l";
-var description = "uzi-settings-page-module__description__Qw6EQ";
-var content = "uzi-settings-page-module__content__MBz6q";
-var sections = "uzi-settings-page-module__sections__HV2n4";
-var section = "uzi-settings-page-module__section__Vjoe3";
-var sectionHeader = "uzi-settings-page-module__sectionHeader__XiOWN";
-var sectionTitle = "uzi-settings-page-module__sectionTitle__bN5lO";
-var sectionDescription = "uzi-settings-page-module__sectionDescription__3wjhy";
-var sectionBody = "uzi-settings-page-module__sectionBody__zraHK";
-var dangerZone = "uzi-settings-page-module__dangerZone__GD8XX";
-var dangerZoneHeader = "uzi-settings-page-module__dangerZoneHeader__2d3R1";
-var dangerZoneTitle = "uzi-settings-page-module__dangerZoneTitle__ljU2k";
-var dangerZoneDescription = "uzi-settings-page-module__dangerZoneDescription__Z3Ohe";
-var dangerZoneBody = "uzi-settings-page-module__dangerZoneBody__zAQbu";
-var footer = "uzi-settings-page-module__footer__dO4Xo";
-var footerContent = "uzi-settings-page-module__footerContent__pPOdb";
-var savingIndicator = "uzi-settings-page-module__savingIndicator__ujaC5";
-var settings_page_module_default = {
+//#region src/components/data-table/data-table.module.css
+var wrapper = "uzi-data-table-module__wrapper__7521u";
+var tableContainer = "uzi-data-table-module__tableContainer__BJcbK";
+var table = "uzi-data-table-module__table__Mv5vN";
+var thead = "uzi-data-table-module__thead__dWIBv";
+var headerCell = "uzi-data-table-module__headerCell__kwwWs";
+var headerCellFixed = "uzi-data-table-module__headerCellFixed__8WRi5";
+var alignLeft = "uzi-data-table-module__alignLeft__Kwz-k";
+var alignCenter = "uzi-data-table-module__alignCenter__BxT33";
+var alignRight = "uzi-data-table-module__alignRight__B3fd1";
+var sortableHeader = "uzi-data-table-module__sortableHeader__aAEjv";
+var clickableHeader = "uzi-data-table-module__clickableHeader__8F9R3";
+var headerLabel = "uzi-data-table-module__headerLabel__bsfii";
+var sortIcon = "uzi-data-table-module__sortIcon__nAsRD";
+var tbody = "uzi-data-table-module__tbody__yWSPd";
+var row = "uzi-data-table-module__row__im568";
+var rowSelected = "uzi-data-table-module__rowSelected__U91El";
+var cell = "uzi-data-table-module__cell__I2qYk";
+var checkbox = "uzi-data-table-module__checkbox__XHo0c";
+var loadingCell = "uzi-data-table-module__loadingCell__YOsVj";
+var loadingRow = "uzi-data-table-module__loadingRow__TONNo";
+var skeletonBar = "uzi-data-table-module__skeletonBar__JTU6c";
+var shimmer = "uzi-data-table-module__shimmer__30BeV";
+var emptyCell = "uzi-data-table-module__emptyCell__CNH4t";
+var rowActions = "uzi-data-table-module__rowActions__NV6Ag";
+var actionBtn = "uzi-data-table-module__actionBtn__78gdR";
+var pagination = "uzi-data-table-module__pagination__qOgpw";
+var paginationButtons = "uzi-data-table-module__paginationButtons__v64jr";
+var pageBtn = "uzi-data-table-module__pageBtn__gdLj2";
+var data_table_module_default = {
 	wrapper,
-	header,
-	headerContent,
-	title,
-	description,
-	content,
-	sections,
-	section,
-	sectionHeader,
-	sectionTitle,
-	sectionDescription,
-	sectionBody,
-	dangerZone,
-	dangerZoneHeader,
-	dangerZoneTitle,
-	dangerZoneDescription,
-	dangerZoneBody,
-	footer,
-	footerContent,
-	savingIndicator
+	tableContainer,
+	table,
+	thead,
+	headerCell,
+	headerCellFixed,
+	alignLeft,
+	alignCenter,
+	alignRight,
+	sortableHeader,
+	clickableHeader,
+	headerLabel,
+	sortIcon,
+	tbody,
+	row,
+	rowSelected,
+	cell,
+	checkbox,
+	loadingCell,
+	loadingRow,
+	skeletonBar,
+	shimmer,
+	emptyCell,
+	rowActions,
+	actionBtn,
+	pagination,
+	paginationButtons,
+	pageBtn
 };
 //#endregion
-exports.content = content;
-exports.dangerZone = dangerZone;
-exports.dangerZoneBody = dangerZoneBody;
-exports.dangerZoneDescription = dangerZoneDescription;
-exports.dangerZoneHeader = dangerZoneHeader;
-exports.dangerZoneTitle = dangerZoneTitle;
-exports.default = settings_page_module_default;
-exports.description = description;
-exports.footer = footer;
-exports.footerContent = footerContent;
-exports.header = header;
-exports.headerContent = headerContent;
-exports.savingIndicator = savingIndicator;
-exports.section = section;
-exports.sectionBody = sectionBody;
-exports.sectionDescription = sectionDescription;
-exports.sectionHeader = sectionHeader;
-exports.sectionTitle = sectionTitle;
-exports.sections = sections;
-exports.title = title;
+exports.actionBtn = actionBtn;
+exports.alignCenter = alignCenter;
+exports.alignLeft = alignLeft;
+exports.alignRight = alignRight;
+exports.cell = cell;
+exports.checkbox = checkbox;
+exports.clickableHeader = clickableHeader;
+exports.default = data_table_module_default;
+exports.emptyCell = emptyCell;
+exports.headerCell = headerCell;
+exports.headerCellFixed = headerCellFixed;
+exports.headerLabel = headerLabel;
+exports.loadingCell = loadingCell;
+exports.loadingRow = loadingRow;
+exports.pageBtn = pageBtn;
+exports.pagination = pagination;
+exports.paginationButtons = paginationButtons;
+exports.row = row;
+exports.rowActions = rowActions;
+exports.rowSelected = rowSelected;
+exports.shimmer = shimmer;
+exports.skeletonBar = skeletonBar;
+exports.sortIcon = sortIcon;
+exports.sortableHeader = sortableHeader;
+exports.table = table;
+exports.tableContainer = tableContainer;
+exports.tbody = tbody;
+exports.thead = thead;
 exports.wrapper = wrapper;
 
 //# sourceMappingURL=index70.cjs.map

package/dist/index70.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index70.cjs","names":[],"sources":["../src/components/settings-page/settings-page.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  background: var(--background);\n  color: var(--foreground);\n}\n\n.header {\n  padding: 2rem 2rem 0;\n  flex-shrink: 0;\n}\n\n.headerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n}\n\n.title {\n  margin: 0 0 0.25rem;\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.description {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.content {\n  flex: 1;\n  padding: 1.5rem 2rem 6rem;\n  max-width: 64rem;\n  margin: 0 auto;\n  width: 100%;\n  overflow-y: auto;\n}\n\n.sections {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.section {\n  border-bottom: 1px solid var(--border);\n  padding-bottom: 1.5rem;\n}\n\n.section:last-of-type {\n  border-bottom: none;\n}\n\n.sectionHeader {\n  margin-bottom: 1.25rem;\n}\n\n.sectionTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--foreground);\n}\n\n.sectionDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.sectionBody {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.dangerZone {\n  margin-top: 2rem;\n  border: 1px solid var(--ts-danger-border, var(--destructive));\n  border-radius: 8px;\n  background: var(--ts-danger-bg, color-mix(in srgb, var(--destructive) 8%, transparent));\n  padding: 1.5rem;\n}\n\n.dangerZoneHeader {\n  margin-bottom: 1rem;\n}\n\n.dangerZoneTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--ts-danger-text, var(--destructive));\n}\n\n.dangerZoneDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.dangerZoneBody {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-top: 1px solid var(--border);\n  background: var(--background);\n  z-index: 10;\n  padding: 0.75rem 2rem;\n}\n\n.footerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.savingIndicator {\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n}\n\n@media (max-width: 48rem) {\n  .header {\n    padding: 1.5rem 1rem 0;\n  }\n\n  .content {\n    padding: 1rem 1rem 6rem;\n  }\n\n  .footer {\n    padding: 0.75rem 1rem;\n  }\n\n  .footerContent {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index70.cjs","names":[],"sources":["../src/components/data-table/data-table.module.css"],"sourcesContent":[".wrapper {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.tableContainer {\n  width: 100%;\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n  text-align: left;\n  color: var(--foreground);\n}\n\n.thead {\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCell {\n  padding: 0.75rem 1rem;\n  font-weight: 600;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  vertical-align: bottom;\n  border-bottom: 2px solid var(--border);\n}\n\n.headerCellFixed {\n  white-space: nowrap;\n}\n\n.alignLeft {\n  text-align: left;\n}\n\n.alignCenter {\n  text-align: center;\n}\n\n.alignRight {\n  text-align: right;\n}\n\n.sortableHeader {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\n.clickableHeader {\n  cursor: pointer;\n}\n\n.clickableHeader:hover {\n  color: var(--foreground);\n}\n\n.clickableHeader:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.headerLabel {\n  font: inherit;\n}\n\n.sortIcon {\n  font-size: 0.7rem;\n  opacity: 0.4;\n  user-select: none;\n}\n\n.tbody {\n  border-top: 1px solid var(--border);\n}\n\n.row {\n  border-bottom: 1px solid var(--border);\n  transition: background-color 0.12s ease;\n}\n\n.row:hover {\n  background-color: var(--muted);\n}\n\n.rowSelected {\n  background-color: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.cell {\n  padding: 0.75rem 1rem;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  cursor: pointer;\n  border-radius: 4px;\n}\n\n.loadingCell {\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\n.loadingRow {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-bottom: 0.75rem;\n  opacity: 0.6;\n}\n\n.skeletonBar {\n  height: 0.75rem;\n  border-radius: 4px;\n  background: linear-gradient(90deg, var(--muted) 25%, var(--secondary) 50%, var(--muted) 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n.emptyCell {\n  padding: 2rem 1rem;\n  text-align: center;\n  color: var(--muted-foreground);\n  font-style: italic;\n}\n\n.rowActions {\n  display: inline-flex;\n  gap: 0.5rem;\n}\n\n.actionBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  color: var(--muted-foreground);\n  cursor: pointer;\n  font-size: 0.8rem;\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  transition: color 0.12s, background-color 0.12s;\n}\n\n.actionBtn:hover {\n  color: var(--foreground);\n  background-color: var(--muted);\n}\n\n.actionBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  border-top: 1px solid var(--border);\n  font-size: 0.8rem;\n  color: var(--muted-foreground);\n}\n\n.paginationButtons {\n  display: inline-flex;\n  gap: 0.25rem;\n}\n\n.pageBtn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--background);\n  color: var(--foreground);\n  cursor: pointer;\n  font-size: 0.85rem;\n  transition: background-color 0.12s, border-color 0.12s;\n}\n\n.pageBtn:hover:not(:disabled) {\n  background-color: var(--muted);\n  border-color: var(--accent);\n}\n\n.pageBtn:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.pageBtn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n"],"mappings":""}