@contractspec/lib.ui-kit-web 1.57.0 → 1.58.0

package/dist/ui/use-mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-mobile.js","names":["React"],"sources":["../../ui/use-mobile.tsx"],"sourcesContent":["import * as React from 'react';\n\n// Mobile-first breakpoint optimized for selleur users\n// Using 640px (Tailwind sm) to ensure tablet portrait is considered mobile\nconst MOBILE_BREAKPOINT = 640;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n    undefined\n  );\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";;;AAIA,MAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAeA,QAAM,SACpC,OACD;AAED,SAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,EAAE,KAAK;EACxE,MAAM,iBAAiB;AACrB,eAAY,OAAO,aAAa,kBAAkB;;AAEpD,MAAI,iBAAiB,UAAU,SAAS;AACxC,cAAY,OAAO,aAAa,kBAAkB;AAClD,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,EAAE,CAAC;AAEN,QAAO,CAAC,CAAC"}

package/dist/ui/use-reduced-motion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-reduced-motion.js","names":["React"],"sources":["../../ui/use-reduced-motion.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function useReducedMotion(): boolean {\n  const [reduced, setReduced] = React.useState(false);\n  React.useEffect(() => {\n    const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n    const onChange = () => setReduced(mql.matches);\n    onChange();\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n  return reduced;\n}\n"],"mappings":";;;AAEA,SAAgB,mBAA4B;CAC1C,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,MAAM;AACnD,SAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,mCAAmC;EACjE,MAAM,iBAAiB,WAAW,IAAI,QAAQ;AAC9C,YAAU;AACV,MAAI,iBAAiB,UAAU,SAAS;AACxC,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,EAAE,CAAC;AACN,QAAO"}

package/dist/ui/use-toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toast.js","names":["React"],"sources":["../../ui/use-toast.ts"],"sourcesContent":["'use client';\n\n// Inspired by react-hot-toast library\nimport * as React from 'react';\n\nimport type { ToastActionElement, ToastProps } from './toast';\n\nconst TOAST_LIMIT = 1;\nconst TOAST_REMOVE_DELAY = 1000000;\n\ntype ToasterToast = ToastProps & {\n  id: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  action?: ToastActionElement;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst actionTypes = {\n  ADD_TOAST: 'ADD_TOAST',\n  UPDATE_TOAST: 'UPDATE_TOAST',\n  DISMISS_TOAST: 'DISMISS_TOAST',\n  REMOVE_TOAST: 'REMOVE_TOAST',\n} as const;\n\nlet count = 0;\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER;\n  return count.toString();\n}\n\ntype ActionType = typeof actionTypes;\n\ntype Action =\n  | {\n      type: ActionType['ADD_TOAST'];\n      toast: ToasterToast;\n    }\n  | {\n      type: ActionType['UPDATE_TOAST'];\n      toast: Partial<ToasterToast>;\n    }\n  | {\n      type: ActionType['DISMISS_TOAST'];\n      toastId?: ToasterToast['id'];\n    }\n  | {\n      type: ActionType['REMOVE_TOAST'];\n      toastId?: ToasterToast['id'];\n    };\n\ninterface State {\n  toasts: ToasterToast[];\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return;\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId);\n    dispatch({\n      type: 'REMOVE_TOAST',\n      toastId: toastId,\n    });\n  }, TOAST_REMOVE_DELAY);\n\n  toastTimeouts.set(toastId, timeout);\n};\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      };\n\n    case 'UPDATE_TOAST':\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      };\n\n    case 'DISMISS_TOAST': {\n      const { toastId } = action;\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId);\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id);\n        });\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t\n        ),\n      };\n    }\n    case 'REMOVE_TOAST':\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        };\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      };\n  }\n};\n\nconst listeners: ((state: State) => void)[] = [];\n\nlet memoryState: State = { toasts: [] };\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action);\n  listeners.forEach((listener) => {\n    listener(memoryState);\n  });\n}\n\ntype Toast = Omit<ToasterToast, 'id'>;\n\nfunction toast({ ...props }: Toast) {\n  const id = genId();\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: 'UPDATE_TOAST',\n      toast: { ...props, id },\n    });\n  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });\n\n  dispatch({\n    type: 'ADD_TOAST',\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss();\n      },\n    },\n  });\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  };\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState);\n\n  React.useEffect(() => {\n    listeners.push(setState);\n    return () => {\n      const index = listeners.indexOf(setState);\n      if (index > -1) {\n        listeners.splice(index, 1);\n      }\n    };\n  }, [state]);\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),\n  };\n}\n\nexport { useToast, toast };\n"],"mappings":";;;;;AAOA,MAAM,cAAc;AACpB,MAAM,qBAAqB;AAiB3B,IAAI,QAAQ;AAEZ,SAAS,QAAQ;AACf,UAAS,QAAQ,KAAK,OAAO;AAC7B,QAAO,MAAM,UAAU;;AA2BzB,MAAM,gCAAgB,IAAI,KAA4C;AAEtE,MAAM,oBAAoB,YAAoB;AAC5C,KAAI,cAAc,IAAI,QAAQ,CAC5B;CAGF,MAAM,UAAU,iBAAiB;AAC/B,gBAAc,OAAO,QAAQ;AAC7B,WAAS;GACP,MAAM;GACG;GACV,CAAC;IACD,mBAAmB;AAEtB,eAAc,IAAI,SAAS,QAAQ;;AAGrC,MAAa,WAAW,OAAc,WAA0B;AAC9D,SAAQ,OAAO,MAAf;EACE,KAAK,YACH,QAAO;GACL,GAAG;GACH,QAAQ,CAAC,OAAO,OAAO,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,YAAY;GAC9D;EAEH,KAAK,eACH,QAAO;GACL,GAAG;GACH,QAAQ,MAAM,OAAO,KAAK,MACxB,EAAE,OAAO,OAAO,MAAM,KAAK;IAAE,GAAG;IAAG,GAAG,OAAO;IAAO,GAAG,EACxD;GACF;EAEH,KAAK,iBAAiB;GACpB,MAAM,EAAE,YAAY;AAIpB,OAAI,QACF,kBAAiB,QAAQ;OAEzB,OAAM,OAAO,SAAS,UAAU;AAC9B,qBAAiB,MAAM,GAAG;KAC1B;AAGJ,UAAO;IACL,GAAG;IACH,QAAQ,MAAM,OAAO,KAAK,MACxB,EAAE,OAAO,WAAW,YAAY,SAC5B;KACE,GAAG;KACH,MAAM;KACP,GACD,EACL;IACF;;EAEH,KAAK;AACH,OAAI,OAAO,YAAY,OACrB,QAAO;IACL,GAAG;IACH,QAAQ,EAAE;IACX;AAEH,UAAO;IACL,GAAG;IACH,QAAQ,MAAM,OAAO,QAAQ,MAAM,EAAE,OAAO,OAAO,QAAQ;IAC5D;;;AAIP,MAAM,YAAwC,EAAE;AAEhD,IAAI,cAAqB,EAAE,QAAQ,EAAE,EAAE;AAEvC,SAAS,SAAS,QAAgB;AAChC,eAAc,QAAQ,aAAa,OAAO;AAC1C,WAAU,SAAS,aAAa;AAC9B,WAAS,YAAY;GACrB;;AAKJ,SAAS,MAAM,EAAE,GAAG,SAAgB;CAClC,MAAM,KAAK,OAAO;CAElB,MAAM,UAAU,UACd,SAAS;EACP,MAAM;EACN,OAAO;GAAE,GAAG;GAAO;GAAI;EACxB,CAAC;CACJ,MAAM,gBAAgB,SAAS;EAAE,MAAM;EAAiB,SAAS;EAAI,CAAC;AAEtE,UAAS;EACP,MAAM;EACN,OAAO;GACL,GAAG;GACH;GACA,MAAM;GACN,eAAe,SAAS;AACtB,QAAI,CAAC,KAAM,UAAS;;GAEvB;EACF,CAAC;AAEF,QAAO;EACD;EACJ;EACA;EACD;;AAGH,SAAS,WAAW;CAClB,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAgB,YAAY;AAE5D,SAAM,gBAAgB;AACpB,YAAU,KAAK,SAAS;AACxB,eAAa;GACX,MAAM,QAAQ,UAAU,QAAQ,SAAS;AACzC,OAAI,QAAQ,GACV,WAAU,OAAO,OAAO,EAAE;;IAG7B,CAAC,MAAM,CAAC;AAEX,QAAO;EACL,GAAG;EACH;EACA,UAAU,YAAqB,SAAS;GAAE,MAAM;GAAiB;GAAS,CAAC;EAC5E"}

package/dist/ui/useListState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListState.js","names":[],"sources":["../../ui/useListState.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nexport interface UseListStateOptions {\n  initialSearch?: string;\n  initialFilters?: Record<string, string>;\n  initialPage?: number;\n  initialItemsPerPage?: number;\n  debounceMs?: number;\n}\n\nexport interface UseListStateReturn {\n  // Search\n  searchQuery: string;\n  setSearchQuery: (query: string) => void;\n\n  // Filters\n  filters: Record<string, string>;\n  setFilter: (key: string, value: string) => void;\n  clearFilters: () => void;\n\n  // Pagination\n  currentPage: number;\n  itemsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  setItemsPerPage: (itemsPerPage: number) => void;\n\n  // Combined state for API calls\n  queryParams: {\n    search: string;\n    page: number;\n    limit: number;\n  } & Record<string, string | number>;\n\n  // Reset all\n  resetAll: () => void;\n}\n\nexport const useListState = ({\n  initialSearch = '',\n  initialFilters = {},\n  initialPage = 1,\n  initialItemsPerPage = 25,\n}: UseListStateOptions = {}): UseListStateReturn => {\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [filters, setFilters] = useState(initialFilters);\n  const [currentPage, setCurrentPage] = useState(initialPage);\n  const [itemsPerPage, setItemsPerPage] = useState(initialItemsPerPage);\n\n  const setFilter = useCallback((key: string, value: string) => {\n    setFilters((prev) => ({\n      ...prev,\n      [key]: value,\n    }));\n    // Reset to first page when filtering\n    setCurrentPage(1);\n  }, []);\n\n  const clearFilters = useCallback(() => {\n    setFilters({});\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetSearchQuery = useCallback((query: string) => {\n    setSearchQuery(query);\n    // Reset to first page when searching\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetItemsPerPage = useCallback((newItemsPerPage: number) => {\n    setItemsPerPage(newItemsPerPage);\n    // Reset to first page when changing items per page\n    setCurrentPage(1);\n  }, []);\n\n  const resetAll = useCallback(() => {\n    setSearchQuery(initialSearch);\n    setFilters(initialFilters);\n    setCurrentPage(initialPage);\n    setItemsPerPage(initialItemsPerPage);\n  }, [initialSearch, initialFilters, initialPage, initialItemsPerPage]);\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      search: searchQuery,\n      page: currentPage,\n      limit: itemsPerPage,\n    };\n\n    // Add active filters to params\n    const filterParams: Record<string, string> = {};\n    Object.entries(filters).forEach(([key, value]) => {\n      if (value) {\n        filterParams[key] = value;\n      }\n    });\n\n    return { ...baseParams, ...filterParams };\n  }, [searchQuery, filters, currentPage, itemsPerPage]);\n\n  return {\n    searchQuery,\n    setSearchQuery: handleSetSearchQuery,\n    filters,\n    setFilter,\n    clearFilters,\n    currentPage,\n    itemsPerPage,\n    setCurrentPage,\n    setItemsPerPage: handleSetItemsPerPage,\n    queryParams,\n    resetAll,\n  };\n};\n"],"mappings":";;;AAqCA,MAAa,gBAAgB,EAC3B,gBAAgB,IAChB,iBAAiB,EAAE,EACnB,cAAc,GACd,sBAAsB,OACC,EAAE,KAAyB;CAClD,MAAM,CAAC,aAAa,kBAAkB,SAAS,cAAc;CAC7D,MAAM,CAAC,SAAS,cAAc,SAAS,eAAe;CACtD,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY;CAC3D,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CAErE,MAAM,YAAY,aAAa,KAAa,UAAkB;AAC5D,cAAY,UAAU;GACpB,GAAG;IACF,MAAM;GACR,EAAE;AAEH,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,eAAe,kBAAkB;AACrC,aAAW,EAAE,CAAC;AACd,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAAa,UAAkB;AAC1D,iBAAe,MAAM;AAErB,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,wBAAwB,aAAa,oBAA4B;AACrE,kBAAgB,gBAAgB;AAEhC,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,WAAW,kBAAkB;AACjC,iBAAe,cAAc;AAC7B,aAAW,eAAe;AAC1B,iBAAe,YAAY;AAC3B,kBAAgB,oBAAoB;IACnC;EAAC;EAAe;EAAgB;EAAa;EAAoB,CAAC;AAoBrE,QAAO;EACL;EACA,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA,iBAAiB;EACjB,aA5BkB,cAAc;GAChC,MAAM,aAAa;IACjB,QAAQ;IACR,MAAM;IACN,OAAO;IACR;GAGD,MAAM,eAAuC,EAAE;AAC/C,UAAO,QAAQ,QAAQ,CAAC,SAAS,CAAC,KAAK,WAAW;AAChD,QAAI,MACF,cAAa,OAAO;KAEtB;AAEF,UAAO;IAAE,GAAG;IAAY,GAAG;IAAc;KACxC;GAAC;GAAa;GAAS;GAAa;GAAa,CAAC;EAanD;EACD"}

package/dist/ui/usecases/UseCaseCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseCaseCard.js","names":[],"sources":["../../../ui/usecases/UseCaseCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack, HStack } from '../stack';\nimport { Button } from '../button';\n\nexport function UseCaseCard({\n  title,\n  summary,\n  ctaHref,\n  ctaLabel = 'Learn more',\n  onCtaClick,\n}: {\n  title: string;\n  summary?: string;\n  ctaHref?: string;\n  ctaLabel?: string;\n  onCtaClick?: () => void;\n}) {\n  return (\n    <VStack className=\"rounded-lg border p-4\" gap=\"sm\">\n      <div className=\"text-lg font-semibold\">{title}</div>\n      {summary && (\n        <div className=\"text-muted-foreground text-base\">{summary}</div>\n      )}\n      {ctaHref && (\n        <HStack>\n          <a href={ctaHref} onClick={onCtaClick}>\n            <Button size=\"sm\" variant=\"outline\">\n              {ctaLabel}\n            </Button>\n          </a>\n        </HStack>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,YAAY,EAC1B,OACA,SACA,SACA,WAAW,cACX,cAOC;AACD,QACE,qBAAC;EAAO,WAAU;EAAwB,KAAI;;GAC5C,oBAAC;IAAI,WAAU;cAAyB;KAAY;GACnD,WACC,oBAAC;IAAI,WAAU;cAAmC;KAAc;GAEjE,WACC,oBAAC,oBACC,oBAAC;IAAE,MAAM;IAAS,SAAS;cACzB,oBAAC;KAAO,MAAK;KAAK,SAAQ;eACvB;MACM;KACP,GACG;;GAEJ"}

package/dist/ui/usecases/UserStoryCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserStoryCard.js","names":[],"sources":["../../../ui/usecases/UserStoryCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack } from '../stack';\n\nexport function UserStoryCard({\n  title,\n  body,\n  outcome,\n}: {\n  title: string;\n  body?: string;\n  outcome?: string;\n}) {\n  return (\n    <VStack className=\"rounded-lg border p-4\" gap=\"sm\">\n      <div className=\"text-lg font-semibold\">{title}</div>\n      {body && <div className=\"text-muted-foreground text-base\">{body}</div>}\n      {outcome && (\n        <div className=\"text-base\">\n          <span className=\"font-medium\">Outcome:</span> {outcome}\n        </div>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgB,cAAc,EAC5B,OACA,MACA,WAKC;AACD,QACE,qBAAC;EAAO,WAAU;EAAwB,KAAI;;GAC5C,oBAAC;IAAI,WAAU;cAAyB;KAAY;GACnD,QAAQ,oBAAC;IAAI,WAAU;cAAmC;KAAW;GACrE,WACC,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAK,WAAU;gBAAc;OAAe;;KAAE;;KAC3C;;GAED"}

package/dist/ui/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../ui/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/ui/visually-hidden.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visually-hidden.js","names":["React"],"sources":["../../ui/visually-hidden.tsx"],"sourcesContent":["import type { JSX } from 'react';\nimport * as React from 'react';\n\ntype VisuallyHiddenProps = React.HTMLAttributes<HTMLElement> & {\n  as?: keyof JSX.IntrinsicElements;\n};\n\nconst srOnlyStyle: React.CSSProperties = {\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflow: 'hidden',\n  padding: 0,\n  position: 'absolute',\n  width: '1px',\n  whiteSpace: 'nowrap',\n};\n\nconst VisuallyHidden = React.forwardRef<HTMLElement, VisuallyHiddenProps>(\n  ({ as = 'span', style, children, ...props }, ref) => {\n    const Comp = as as React.ElementType;\n    return (\n      <Comp ref={ref} style={{ ...srOnlyStyle, ...style }} {...props}>\n        {children}\n      </Comp>\n    );\n  }\n);\nVisuallyHidden.displayName = 'VisuallyHidden';\n\nexport { VisuallyHidden };\n"],"mappings":";;;;AAOA,MAAM,cAAmC;CACvC,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,SAAS;CACT,UAAU;CACV,OAAO;CACP,YAAY;CACb;AAED,MAAM,iBAAiBA,QAAM,YAC1B,EAAE,KAAK,QAAQ,OAAO,UAAU,GAAG,SAAS,QAAQ;AAEnD,QACE,oBAFW;EAEA;EAAK,OAAO;GAAE,GAAG;GAAa,GAAG;GAAO;EAAE,GAAI;EACtD;GACI;EAGZ;AACD,eAAe,cAAc"}